km-card-layout-component-miniprogram 0.1.6 → 0.1.8

package/miniprogram_dist/vendor/km-card-layout-core/bindings.js

@@ -0,0 +1,74 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getTemplateBackgrounds = exports.getTemplateItems = exports.applyItemCollectBindings = exports.stripLayoutBindings = void 0;
+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),
+    }));
+}
+exports.stripLayoutBindings = stripLayoutBindings;
+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),
+    }));
+}
+exports.applyItemCollectBindings = applyItemCollectBindings;
+function getTemplateItems(ids, items) {
+    const idArray = ids.split(',').map(id => id.trim());
+    return items.filter(item => idArray.includes(String(item.id)));
+}
+exports.getTemplateItems = getTemplateItems;
+function getTemplateBackgrounds(ids, items) {
+    const idArray = ids.split(',').map(id => id.trim());
+    return items.filter(item => idArray.includes(String(item.id)));
+}
+exports.getTemplateBackgrounds = getTemplateBackgrounds;

package/miniprogram_dist/vendor/km-card-layout-core/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/miniprogram_dist/vendor/km-card-layout-core/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;

package/miniprogram_dist/vendor/km-card-layout-core/index.js

@@ -1,9 +1,9 @@
 "use strict";
 /**
- * CardMaster 布局 JSON 渲染核心。
+ * CardMaster 布局 JSON 渲染核心
  *
  * - 平台无关：不依赖 DOM/小程序 API，方便在 Web/小程序/Node 复用。
- * - 职责：将布局 Schema 与业务数据合成为带内联样式的渲染树，外层只需将节点映射到各端组件。
+ * - 职责：将布局 Schema 与业务数据合成可渲染树，外层只需将节点映射到各端组件。
  */
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
@@ -20,368 +20,17 @@ 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.buildRenderResult = exports.buildRenderNodes = exports.resolveBindingValue = exports.normalizeLayout = exports.styleObjectToString = exports.addUnit = void 0;
+exports.updateElementsStyle = exports.applyBackground = exports.applySpecialStyle = exports.resolveSpecialStyle = exports.DEFAULT_DECOR_COLOR = exports.backgroundChange = void 0;
 __exportStar(require("./interface/index"), exports);
-/** ---------- 常量 ---------- */
-const DEFAULT_CARD_WIDTH = 343; // 默认卡片宽度（像素）
-const DEFAULT_CARD_HEIGHT = 210; // 默认卡片高度（像素）
-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',
-]);
-/** ---------- 基础工具 ---------- */
-/**
- * 安全转 number，非数值或 NaN 返回 undefined。
- */
-const toNumber = (value) => {
-    const num = Number(value);
-    return Number.isFinite(num) ? num : undefined;
-};
-/**
- * camelCase 转 kebab-case（用于内联样式 key）。
- */
-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;
-/**
- * 容错 JSON 解析：字符串用 JSON.parse，其他保持原样或返回 null。
- */
-const parseJson = (input) => {
-    if (typeof input !== 'string')
-        return input !== null && input !== void 0 ? input : null;
-    try {
-        return JSON.parse(input);
-    }
-    catch (err) {
-        console.warn('[km-card-layout-core] JSON parse failed', err);
-        return null;
-    }
-};
-const isObject = (val) => Boolean(val) && typeof val === 'object';
-const getAbsLayout = (el) => el.layout && el.layout.mode === 'absolute'
-    ? el.layout
-    : null;
-/** ---------- 布局与数据解析 ---------- */
-/**
- * 归一化布局输入（对象或 JSON 字符串），补齐宽高/容器/children 默认值。
- */
-const normalizeLayout = (layout) => {
-    if (!Array.isArray(layout))
-        return [];
-    return layout
-        .map(item => {
-        var _a, _b;
-        if (!item || typeof item !== 'object')
-            return null;
-        const parsed = item;
-        return {
-            ...parsed,
-            width: (_a = toNumber(parsed.width)) !== null && _a !== void 0 ? _a : DEFAULT_CARD_WIDTH,
-            height: (_b = toNumber(parsed.height)) !== null && _b !== void 0 ? _b : DEFAULT_CARD_HEIGHT,
-            container: parsed.container || { mode: 'absolute' },
-            children: Array.isArray(parsed.children)
-                ? parsed.children
-                : [],
-        };
-    })
-        .filter((v) => Boolean(v));
-};
-exports.normalizeLayout = normalizeLayout;
-/**
- * 将绑定路径拆分为片段，支持点语法与数组下标。
- */
-const pathToSegments = (path) => `${path || ''}`
-    .replace(/\[(\d+)\]/g, '.$1')
-    .split('.')
-    .map(p => p.trim())
-    .filter(Boolean);
-/**
- * 按路径访问对象/数组，缺失时返回 undefined/null。
- */
-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 (!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;
-};
-/**
- * Resolve element binding against provided data.
- */
-const resolveBindingValue = (binding, rootData, context) => {
-    if (!binding)
-        return undefined;
-    const value = readByPath(rootData, binding);
-    return value === undefined ? undefined : value;
-};
-exports.resolveBindingValue = resolveBindingValue;
-/** ---------- 样式构建 ---------- */
-/**
- * 生成元素外层样式（绝对/弹性布局），始终返回内联样式字符串。
- */
-const buildWrapperStyle = (el, unit) => {
-    var _a;
-    const abs = getAbsLayout(el);
-    if (abs) {
-        const textAlign = (_a = el === null || el === void 0 ? void 0 : el.style) === null || _a === void 0 ? void 0 : _a.textAlign;
-        return (0, exports.styleObjectToString)({
-            position: 'absolute',
-            left: (0, exports.addUnit)(abs.x, unit),
-            top: (0, exports.addUnit)(abs.y, unit),
-            width: (0, exports.addUnit)(abs.width, unit),
-            height: (0, exports.addUnit)(abs.height, unit),
-            zIndex: abs.zIndex,
-            boxSizing: 'border-box',
-            textAlign,
-        }, unit);
-    }
-    return '';
-};
-/**
- * padding 数组/数字转 CSS 缩写字符串。
- */
-/**
- * 构建 layout-panel 的容器样式（绝对布局容器）。
- */
-const buildPanelStyle = (el, unit) => {
-    const style = {
-        display: 'block',
-    };
-    return (0, exports.styleObjectToString)(style, unit);
-};
-/**
- * 元素样式转内联字符串（自动补单位）。
- */
-const normalizeElementStyle = (style, unit) => {
-    if (!style)
-        return '';
-    return (0, exports.styleObjectToString)(style, unit);
-};
-const buildTextIcon = (el, unit) => {
-    var _a, _b, _c;
-    const icon = el.icon;
-    if (!icon || icon.enable === false)
-        return undefined;
-    const style = icon.style || 'fill';
-    const baseName = 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, exports.addUnit)(size, unit),
-        gap: (0, exports.addUnit)(gap, unit),
-        color: color,
-        align: icon.align || 'left',
-    };
-};
-/** ---------- 渲染树构建 ---------- */
-/**
- * 将 children 展开为渲染节点。
- */
-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;
-/**
- * 构建单个渲染节点（layout-panel 递归处理子元素）。
- */
-const buildNode = (el, rootData, unit, context) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-    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: buildPanelStyle(el, unit),
-            children: (0, exports.buildRenderNodes)(el.children || [], rootData, unit, context),
-        };
-    }
-    const baseStyle = normalizeElementStyle(el.style, unit);
-    if (el.type === 'text') {
-        const align = ((_a = el.style) === null || _a === void 0 ? void 0 : _a.textAlign) || el.align;
-        const textStyle = align ? `${baseStyle};text-align:${align}` : baseStyle;
-        const value = (_c = (_b = (0, exports.resolveBindingValue)(el.binding, rootData, context)) !== null && _b !== void 0 ? _b : el.defaultValue) !== null && _c !== void 0 ? _c : '';
-        return {
-            id: el.id,
-            type: el.type,
-            wrapperStyle,
-            contentStyle: textStyle,
-            text: `${value}`,
-            visible: !!el.visible,
-            icon: buildTextIcon(el, unit),
-        };
-    }
-    if (el.type === 'image') {
-        const src = (_f = (_e = (_d = (0, exports.resolveBindingValue)(el.binding, rootData, context)) !== null && _d !== void 0 ? _d : el.defaultUrl) !== null && _e !== void 0 ? _e : el.defaultValue) !== null && _f !== void 0 ? _f : '';
-        const mode = el.fit === 'contain' ? 'aspectFit' : 'aspectFill';
-        return {
-            id: el.id,
-            type: el.type,
-            wrapperStyle,
-            contentStyle: baseStyle,
-            src,
-            mode,
-            visible: !!el.visible,
-        };
-    }
-    if (el.type === 'icon') {
-        const name = (_j = (_h = (_g = (0, exports.resolveBindingValue)(el.binding, rootData, context)) !== null && _g !== void 0 ? _g : el.name) !== null && _h !== void 0 ? _h : el.defaultValue) !== null && _j !== void 0 ? _j : '';
-        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;
-};
-/**
- * 主入口：合并布局 Schema 与数据，生成供前端使用的渲染结果。
- */
-const buildRenderResult = (layoutInput, dataInput, unit = 'px') => {
-    const layouts = (0, exports.normalizeLayout)(layoutInput);
-    return layouts.map(layout => {
-        const cardStyle = (0, exports.styleObjectToString)({
-            width: (0, exports.addUnit)(layout.width, unit),
-            height: (0, exports.addUnit)(layout.height, unit),
-            color: layout.fontColor,
-            borderRadius: layout.borderRadius !== undefined
-                ? (0, exports.addUnit)(layout.borderRadius, unit)
-                : undefined,
-            padding: layout.padding !== undefined
-                ? (0, exports.addUnit)(layout.padding, unit)
-                : undefined,
-            position: 'relative',
-        }, unit);
-        const bgStyle = (0, exports.styleObjectToString)({
-            zIndex: layout.backgroundZIndex,
-            borderRadius: layout.borderRadius !== undefined
-                ? (0, exports.addUnit)(layout.borderRadius, unit)
-                : undefined,
-        }, unit);
-        const renderTree = (0, exports.buildRenderNodes)(layout.children || [], dataInput || {}, unit);
-        return {
-            renderTree,
-            cardStyle,
-            backgroundImage: layout.backgroundImage || '',
-            backgroundStyle: bgStyle,
-        };
-    });
-};
-exports.buildRenderResult = buildRenderResult;
+__exportStar(require("./helpers"), exports);
+__exportStar(require("./layout"), exports);
+__exportStar(require("./data"), exports);
+__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, "DEFAULT_DECOR_COLOR", { enumerable: true, get: function () { return changeBackground_1.DEFAULT_DECOR_COLOR; } });
+Object.defineProperty(exports, "resolveSpecialStyle", { enumerable: true, get: function () { return changeBackground_1.resolveSpecialStyle; } });
+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; } });
+__exportStar(require("./render/builder"), exports);

package/miniprogram_dist/vendor/km-card-layout-core/interface/index.js

@@ -17,3 +17,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./elements"), exports);
 __exportStar(require("./layout"), exports);
 __exportStar(require("./render"), exports);
+__exportStar(require("./data/payload"), exports);