km-card-layout-core 0.1.11 → 0.1.12

package/bindings.ts

@@ -0,0 +1,84 @@
+import type { CardElement, CardLayoutSchema } from './interface';
+import type {
+  TemplateBackground,
+  TemplateItem,
+} from './interface/data/payload';
+
+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),
+  }));
+}
+
+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)));
+}

package/data.ts

@@ -0,0 +1,38 @@
+import { isObject } from './helpers';
+
+const pathToSegments = (path: string): string[] =>
+  `${path || ''}`
+    .replace(/\[(\d+)\]/g, '.$1')
+    .split('.')
+    .map(p => p.trim())
+    .filter(Boolean);
+
+const readByPath = (data: any, path: string): any => {
+  if (path === undefined || path === null || path === '') return data;
+  const segments = pathToSegments(path);
+  let cursor: any = data;
+  for (let i = 0; i < segments.length; i += 1) {
+    if (!isObject(cursor) && !Array.isArray(cursor)) return undefined;
+    const key = segments[i];
+    if (Array.isArray(cursor)) {
+      const idx = Number(key);
+      cursor = Number.isNaN(idx) ? undefined : cursor[idx];
+    } else {
+      cursor = (cursor as Record<string, any>)[key];
+    }
+    if (cursor === undefined || cursor === null) {
+      return cursor;
+    }
+  }
+  return cursor;
+};
+
+export const resolveBindingValue = (
+  binding: string | undefined,
+  rootData: Record<string, any>,
+  context?: Record<string, any>
+): any => {
+  if (!binding) return undefined;
+  const value = readByPath(rootData, binding);
+  return value === undefined ? undefined : value;
+};

package/dist/bindings.js

@@ -0,0 +1,73 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.stripLayoutBindings = stripLayoutBindings;
+exports.applyItemCollectBindings = applyItemCollectBindings;
+exports.getTemplateItems = getTemplateItems;
+exports.getTemplateBackgrounds = getTemplateBackgrounds;
+function stripLayoutBindings(layouts = []) {
+    const targetLayouts = Array.isArray(layouts) ? layouts : [];
+    const stripElement = (el) => {
+        const { binding: _b, defaultValue: _d, ...rest } = el;
+        if (el.type === 'layout-panel') {
+            return {
+                ...rest,
+                children: (el.children || []).map(stripElement),
+            };
+        }
+        return rest;
+    };
+    return targetLayouts.map(layout => ({
+        ...layout,
+        children: (layout.children || []).map(stripElement),
+    }));
+}
+function applyItemCollectBindings(layouts = [], items = []) {
+    const targetLayouts = Array.isArray(layouts) ? layouts : [];
+    const metaMap = new Map();
+    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) => {
+        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 = { ...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),
+            };
+        }
+        return base;
+    };
+    return targetLayouts.map(layout => ({
+        ...layout,
+        children: (layout.children || []).map(assignBinding),
+    }));
+}
+function getTemplateItems(ids, items) {
+    const idArray = ids.split(',').map(id => id.trim());
+    return items.filter(item => idArray.includes(String(item.id)));
+}
+function getTemplateBackgrounds(ids, items) {
+    const idArray = ids.split(',').map(id => id.trim());
+    return items.filter(item => idArray.includes(String(item.id)));
+}

package/dist/data.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resolveBindingValue = void 0;
+const helpers_1 = require("./helpers");
+const pathToSegments = (path) => `${path || ''}`
+    .replace(/\[(\d+)\]/g, '.$1')
+    .split('.')
+    .map(p => p.trim())
+    .filter(Boolean);
+const readByPath = (data, path) => {
+    if (path === undefined || path === null || path === '')
+        return data;
+    const segments = pathToSegments(path);
+    let cursor = data;
+    for (let i = 0; i < segments.length; i += 1) {
+        if (!(0, helpers_1.isObject)(cursor) && !Array.isArray(cursor))
+            return undefined;
+        const key = segments[i];
+        if (Array.isArray(cursor)) {
+            const idx = Number(key);
+            cursor = Number.isNaN(idx) ? undefined : cursor[idx];
+        }
+        else {
+            cursor = cursor[key];
+        }
+        if (cursor === undefined || cursor === null) {
+            return cursor;
+        }
+    }
+    return cursor;
+};
+const resolveBindingValue = (binding, rootData, context) => {
+    if (!binding)
+        return undefined;
+    const value = readByPath(rootData, binding);
+    return value === undefined ? undefined : value;
+};
+exports.resolveBindingValue = resolveBindingValue;

package/dist/helpers.js

@@ -0,0 +1,72 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isObject = exports.styleObjectToString = exports.addUnit = exports.toNumber = void 0;
+const DIMENSION_PROPS = new Set([
+    'width',
+    'height',
+    'top',
+    'right',
+    'bottom',
+    'left',
+    'padding',
+    'paddingTop',
+    'paddingBottom',
+    'paddingLeft',
+    'paddingRight',
+    'margin',
+    'marginTop',
+    'marginBottom',
+    'marginLeft',
+    'marginRight',
+    'fontSize',
+    'lineHeight',
+    'borderRadius',
+    'borderWidth',
+    'letterSpacing',
+    'gap',
+    'rowGap',
+    'columnGap',
+]);
+const toNumber = (value) => {
+    const num = Number(value);
+    return Number.isFinite(num) ? num : undefined;
+};
+exports.toNumber = toNumber;
+const toKebab = (key) => key.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();
+const addUnit = (value, unit) => {
+    if (value === undefined || value === null || value === '')
+        return undefined;
+    if (typeof value === 'number') {
+        const ratio = unit === 'rpx' ? 2 : 1;
+        return `${value * ratio}${unit}`;
+    }
+    if (typeof value === 'string') {
+        const parsed = Number(value);
+        if (Number.isFinite(parsed)) {
+            const ratio = unit === 'rpx' ? 2 : 1;
+            return `${parsed * ratio}${unit}`;
+        }
+    }
+    return `${value}`;
+};
+exports.addUnit = addUnit;
+const styleObjectToString = (style, unit = 'px') => {
+    if (!style)
+        return '';
+    const pairs = [];
+    Object.keys(style).forEach(key => {
+        const value = style[key];
+        if (value === undefined || value === null || value === '')
+            return;
+        const useUnit = DIMENSION_PROPS.has(key)
+            ? (0, exports.addUnit)(value, unit)
+            : value;
+        if (useUnit === undefined || useUnit === null || useUnit === '')
+            return;
+        pairs.push(`${toKebab(key)}:${useUnit}`);
+    });
+    return pairs.join(';');
+};
+exports.styleObjectToString = styleObjectToString;
+const isObject = (val) => Boolean(val) && typeof val === 'object';
+exports.isObject = isObject;