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

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

@@ -0,0 +1,117 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.areChildrenEqual = exports.normalizeLayout = exports.parseLayout = exports.normalizeId = exports.collectBindings = exports.sanitizeLayout = exports.sanitizeElement = exports.getAbsLayout = exports.roundToInt = void 0;
+const helpers_1 = require("./helpers");
+const DEFAULT_CARD_WIDTH = 343;
+const DEFAULT_CARD_HEIGHT = 210;
+const roundToInt = (value) => Number.isFinite(value) ? Math.round(value) : value;
+exports.roundToInt = roundToInt;
+const getAbsLayout = (el) => el.layout && el.layout.mode === 'absolute'
+    ? el.layout
+    : null;
+exports.getAbsLayout = getAbsLayout;
+const roundAbsLayout = (layout) => ({
+    ...layout,
+    x: (0, exports.roundToInt)(layout.x),
+    y: (0, exports.roundToInt)(layout.y),
+    width: (0, exports.roundToInt)(layout.width),
+    height: (0, exports.roundToInt)(layout.height),
+    zIndex: layout.zIndex !== undefined ? (0, exports.roundToInt)(layout.zIndex) : layout.zIndex,
+});
+const sanitizeElement = (el) => {
+    const layout = (0, exports.getAbsLayout)(el);
+    const base = layout ? { ...el, layout: roundAbsLayout(layout) } : el;
+    if (el.type === 'layout-panel' && el.children) {
+        return {
+            ...base,
+            children: el.children.map(child => (0, exports.sanitizeElement)(child)),
+        };
+    }
+    return base;
+};
+exports.sanitizeElement = sanitizeElement;
+const sanitizeLayout = (layout) => ({
+    ...layout,
+    width: (0, exports.roundToInt)(layout.width),
+    height: (0, exports.roundToInt)(layout.height),
+    backgroundZIndex: layout.backgroundZIndex !== undefined
+        ? (0, exports.roundToInt)(layout.backgroundZIndex)
+        : layout.backgroundZIndex,
+    children: (layout.children || []).map(child => (0, exports.sanitizeElement)(child)),
+});
+exports.sanitizeLayout = sanitizeLayout;
+const collectBindings = (elements = []) => {
+    const result = [];
+    elements.forEach(el => {
+        if (el.binding)
+            result.push(el.binding);
+        if (el.type === 'layout-panel' && el.children) {
+            result.push(...(0, exports.collectBindings)(el.children));
+        }
+    });
+    return Array.from(new Set(result));
+};
+exports.collectBindings = collectBindings;
+const normalizeId = (id) => {
+    if (id === undefined || id === null)
+        return undefined;
+    const num = Number(id);
+    return Number.isFinite(num) ? num : id;
+};
+exports.normalizeId = normalizeId;
+const safeParseJson = (input) => {
+    try {
+        return JSON.parse(input);
+    }
+    catch (err) {
+        console.warn('[km-card-layout-core] parseLayout failed', err);
+        return null;
+    }
+};
+const parseSingleLayout = (value) => {
+    if (!value)
+        return null;
+    if (Array.isArray(value))
+        return parseSingleLayout(value[0]);
+    if (typeof value === 'string') {
+        return parseSingleLayout(safeParseJson(value));
+    }
+    if ((0, helpers_1.isObject)(value)) {
+        const content = value.content;
+        if (content !== undefined) {
+            const nested = parseSingleLayout(content);
+            if (nested)
+                return nested;
+        }
+        return (0, exports.sanitizeLayout)(value);
+    }
+    return null;
+};
+const parseLayout = (input) => parseSingleLayout(input);
+exports.parseLayout = parseLayout;
+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 = (0, helpers_1.toNumber)(parsed.width)) !== null && _a !== void 0 ? _a : DEFAULT_CARD_WIDTH,
+            height: (_b = (0, helpers_1.toNumber)(parsed.height)) !== null && _b !== void 0 ? _b : DEFAULT_CARD_HEIGHT,
+            container: parsed.container || { mode: 'absolute' },
+            children: Array.isArray(parsed.children)
+                ? parsed.children
+                : [],
+        };
+    })
+        .filter((value) => Boolean(value));
+};
+exports.normalizeLayout = normalizeLayout;
+const areChildrenEqual = (a, b) => {
+    return JSON.stringify(a === null || a === void 0 ? void 0 : a.children) === JSON.stringify(b === null || b === void 0 ? void 0 : b.children);
+};
+exports.areChildrenEqual = areChildrenEqual;

package/miniprogram_dist/vendor/km-card-layout-core/ops/changeBackground.js

@@ -0,0 +1,135 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.updateElementsStyle = exports.applyBackground = exports.applySpecialStyle = exports.resolveSpecialStyle = exports.DEFAULT_DECOR_COLOR = exports.backgroundChange = void 0;
+const toNameArray = (name) => {
+    if (Array.isArray(name))
+        return name.filter(Boolean);
+    if (!name)
+        return [];
+    return `${name}`
+        .split(',')
+        .map(n => n.trim())
+        .filter(Boolean);
+};
+function backgroundChange(bg, layout) {
+    const applySpecialColor = (el) => {
+        const extras = bg.fontColorExtra || [];
+        if (!extras.length)
+            return el;
+        const keys = [];
+        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 === null || k === void 0 ? void 0 : 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 = []) => 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 || []),
+    };
+}
+exports.backgroundChange = backgroundChange;
+exports.DEFAULT_DECOR_COLOR = '#94a3b8';
+const resolveSpecialStyle = (element, background) => {
+    var _a;
+    if (!background)
+        return {};
+    const keys = [];
+    if (element.binding)
+        keys.push(String(element.binding));
+    if (element.id)
+        keys.push(String(element.id));
+    if (element.type === 'icon')
+        keys.push('icon');
+    if (element.type === 'custom')
+        keys.push('decor');
+    const matched = (_a = background.specialColors) === null || _a === void 0 ? void 0 : _a.find(sc => {
+        const names = toNameArray(sc.name);
+        return names.some(n => keys.some(k => k === null || k === void 0 ? void 0 : k.startsWith(n)));
+    });
+    if (!matched)
+        return {};
+    if (element.type === 'custom') {
+        return { backgroundColor: matched.color };
+    }
+    return { color: matched.color };
+};
+exports.resolveSpecialStyle = resolveSpecialStyle;
+const applySpecialStyle = (el, background = null, options = {}) => {
+    const specialStyle = (0, exports.resolveSpecialStyle)(el, background);
+    const baseStyle = { ...(el.style || {}) };
+    const isCustom = el.type === 'custom';
+    const hasExplicit = isCustom
+        ? Boolean(baseStyle.backgroundColor || baseStyle.background)
+        : baseStyle.color !== undefined && baseStyle.color !== null;
+    const overrideExisting = options.overrideExisting === true;
+    const hasSpecial = Object.keys(specialStyle).length > 0;
+    const defaultDecorColor = options.defaultDecorColor || exports.DEFAULT_DECOR_COLOR;
+    if (hasSpecial) {
+        if (hasExplicit && !overrideExisting)
+            return el;
+        return { ...el, style: { ...baseStyle, ...specialStyle } };
+    }
+    if (overrideExisting && hasExplicit) {
+        const nextStyle = { ...baseStyle };
+        if (isCustom) {
+            nextStyle.backgroundColor = (background === null || background === void 0 ? void 0 : background.mainColor) || defaultDecorColor;
+        }
+        else {
+            delete nextStyle.color;
+        }
+        return { ...el, style: nextStyle };
+    }
+    return el;
+};
+exports.applySpecialStyle = applySpecialStyle;
+const applyBackground = (layout, background, _options = {}) => {
+    var _a;
+    const bgId = Number(background.id);
+    const payload = {
+        id: Number.isFinite(bgId) ? bgId : 0,
+        name: background.name,
+        imgUrl: background.imageUrl,
+        fontColor: background.mainColor,
+        fontColorExtra: ((_a = background.specialColors) === null || _a === void 0 ? void 0 : _a.map(sc => ({
+            name: sc.name,
+            color: sc.color,
+        }))) || [],
+    };
+    return backgroundChange(payload, layout);
+};
+exports.applyBackground = applyBackground;
+const updateElementsStyle = (layout, targetIds, updates) => {
+    const targets = new Set(targetIds);
+    return {
+        ...layout,
+        children: layout.children.map(el => targets.has(el.id)
+            ? { ...el, style: { ...(el.style || {}), ...updates } }
+            : el),
+    };
+};
+exports.updateElementsStyle = updateElementsStyle;

package/miniprogram_dist/vendor/km-card-layout-core/render/builder.js

@@ -0,0 +1,210 @@
+"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;
+    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, helpers_1.addUnit)(size, unit),
+        gap: (0, helpers_1.addUnit)(gap, unit),
+        color: color,
+        align: icon.align || 'left',
+        wrapperStyle: (0, helpers_1.styleObjectToString)({
+            display: 'inline-flex',
+            alignItems: 'center',
+            height: ((_d = el.style) === null || _d === void 0 ? void 0 : _d.lineHeight) || '1',
+        }, 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/miniprogram_dist/vendor/km-card-layout-core/utils.js

@@ -0,0 +1,25 @@
+"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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "km-card-layout-component-miniprogram",
-  "version": "0.1.6",
+  "version": "0.1.8",
   "description": "",
   "main": "miniprogram_dist/index.js",
   "miniprogram": "miniprogram_dist",

package/script/sync-core.js

@@ -5,8 +5,16 @@ const pkgRoot = path.resolve(__dirname, '..');
 const coreRoot = path.resolve(pkgRoot, '../km-card-layout-core');
 const targetDir = path.resolve(pkgRoot, 'src/vendor/km-card-layout-core');
 
-const filesToCopy = ['index.ts', 'types.d.ts'];
-const dirsToCopy = ['interface'];
+const filesToCopy = [
+  'index.ts',
+  'types.d.ts',
+  'utils.ts',
+  'helpers.ts',
+  'layout.ts',
+  'data.ts',
+  'bindings.ts',
+];
+const dirsToCopy = ['interface', 'render', 'ops'];
 
 function ensureFileExists(filePath) {
   if (!fs.existsSync(filePath)) {