km-card-layout-core 0.1.27 → 0.1.30

package/dist/index.js

@@ -14,7 +14,7 @@ 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.processCardLayout = exports.handleSpecialFields = exports.buildTextIconMeta = exports.getIconName = exports.getImageSrc = exports.getTextValue = exports.buildImageContentStyle = exports.buildTextValueStyle = exports.buildTextContentStyle = exports.buildPanelContentStyle = exports.buildBaseContentStyle = exports.buildBackgroundStyle = exports.buildCardStyle = exports.buildWrapperStyle = exports.backgroundChange = exports.applyItemCollectBindings = exports.stripLayoutBindings = exports.resolveBindingValue = exports.parseLayout = exports.normalizeId = exports.getAbsLayout = exports.roundToInt = exports.sanitizeElement = exports.sanitizeLayout = exports.normalizeLayout = exports.isObject = exports.toNumber = exports.styleObjectToString = exports.addUnit = void 0;
+exports.processCardLayout = exports.handleSpecialFields = exports.setElementVisible = exports.buildRenderData = exports.buildTextIconMeta = exports.getIconName = exports.getImageSrc = exports.getTextValue = exports.buildImageContentStyle = exports.buildTextValueStyle = exports.buildTextContentStyle = exports.buildPanelContentStyle = exports.buildBaseContentStyle = exports.buildBackgroundStyle = exports.buildCardStyle = exports.buildWrapperStyle = exports.backgroundChange = exports.applyItemCollectBindings = exports.stripLayoutBindings = exports.resolveBindingValue = exports.parseLayout = exports.normalizeId = exports.getAbsLayout = exports.roundToInt = exports.sanitizeElement = exports.sanitizeLayout = exports.normalizeLayout = exports.isObject = exports.toNumber = exports.styleObjectToString = exports.addUnit = void 0;
 /**
  * Core exports for card layout helpers.
  * Platform-agnostic utilities shared by web/mini-program renderers.
@@ -53,6 +53,9 @@ Object.defineProperty(exports, "getTextValue", { enumerable: true, get: function
 Object.defineProperty(exports, "getImageSrc", { enumerable: true, get: function () { return helpers_2.getImageSrc; } });
 Object.defineProperty(exports, "getIconName", { enumerable: true, get: function () { return helpers_2.getIconName; } });
 Object.defineProperty(exports, "buildTextIconMeta", { enumerable: true, get: function () { return helpers_2.buildTextIconMeta; } });
+var tool_1 = require("./render/tool");
+Object.defineProperty(exports, "buildRenderData", { enumerable: true, get: function () { return tool_1.buildRenderData; } });
+Object.defineProperty(exports, "setElementVisible", { enumerable: true, get: function () { return tool_1.setElementVisible; } });
 var init_1 = require("./render/init");
 Object.defineProperty(exports, "handleSpecialFields", { enumerable: true, get: function () { return init_1.handleSpecialFields; } });
 Object.defineProperty(exports, "processCardLayout", { enumerable: true, get: function () { return init_1.processCardLayout; } });

package/dist/render/helpers.js

@@ -1,9 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.buildTextIconMeta = exports.getIconName = exports.getImageSrc = exports.getTextValue = exports.buildImageContentStyle = exports.buildTextValueStyle = exports.buildTextContentStyle = exports.buildPanelContentStyle = exports.buildBaseContentStyle = exports.buildBackgroundStyle = exports.buildCardStyle = exports.buildWrapperStyle = void 0;
+exports.buildTextIconMeta = exports.getIconName = exports.getImageSrc = exports.getTextValue = exports.buildImageContentStyle = exports.buildTextValueStyle = exports.buildTextContentStyle = exports.buildPanelContentStyle = exports.buildBaseContentStyle = exports.buildBackgroundStyle = exports.buildCardStyle = exports.buildWrapperStyle = exports.mockBaseCompanyDutyTemplateItem = void 0;
 const helpers_1 = require("../helpers");
 const layout_1 = require("../layout");
 const data_1 = require("../data");
+exports.mockBaseCompanyDutyTemplateItem = {
+    id: -1,
+    name: 'company_duty_custom',
+    bind: 'user.baseCompanyDuty',
+    key: 'company_duty_custom',
+    type: 'text',
+    cate: 0,
+};
 const buildWrapperStyle = (el, unit = 'px') => {
     const abs = (0, layout_1.getAbsLayout)(el);
     if (!abs)
@@ -99,7 +107,11 @@ const buildImageContentStyle = (el, unit = 'px') => {
 };
 exports.buildImageContentStyle = buildImageContentStyle;
 const getTextValue = (el, data) => {
-    const bound = el.binding && data ? (0, data_1.resolveBindingValue)(el.binding, data) : undefined;
+    // 如果 id 匹配，则使用 mock 的 binding，否则用原来的
+    const binding = el.id === String(exports.mockBaseCompanyDutyTemplateItem.id)
+        ? exports.mockBaseCompanyDutyTemplateItem.bind
+        : el.binding;
+    const bound = binding && data ? (0, data_1.resolveBindingValue)(binding, data) : undefined;
     const val = bound !== undefined && bound !== null
         ? bound
         : el.defaultValue !== undefined && el.defaultValue !== null

package/dist/render/tool.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setElementVisible = void 0;
+exports.buildRenderData = buildRenderData;
+const bindings_1 = require("../bindings");
+const changeBackground_1 = require("../ops/changeBackground");
+const setElementVisible = (layout, key, visible) => {
+    return layout.map(la => ({
+        ...la,
+        children: la.children.map(el => (el.key === key ? { ...el, visible } : el)),
+    }));
+};
+exports.setElementVisible = setElementVisible;
+function buildRenderData(layout, items, config) {
+    // 绑定数据
+    let renderLayout = (0, bindings_1.applyItemCollectBindings)(layout, items);
+    // 设置显示逻辑
+    renderLayout = (0, exports.setElementVisible)(renderLayout, 'image', config.showAvatar);
+    renderLayout = (0, exports.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/index.ts

@@ -30,5 +30,6 @@ export {
   getIconName,
   buildTextIconMeta,
 } from './render/helpers';
+export { buildRenderData, setElementVisible } from './render/tool';
 
 export { handleSpecialFields, processCardLayout } from './render/init';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "km-card-layout-core",
-  "version": "0.1.27",
+  "version": "0.1.30",
   "description": "Shared render helpers for CardMaster layout JSON (binding resolution, layout normalization).",
   "main": "dist/index.js",
   "types": "types.d.ts",

package/render/helpers.ts

@@ -7,9 +7,19 @@ import type {
   IconElement,
   ImageElement,
   LayoutPanelElement,
+  TemplateItem,
   TextElement,
 } from '../interface';
 
+export const mockBaseCompanyDutyTemplateItem: TemplateItem = {
+  id: -1,
+  name: 'company_duty_custom',
+  bind: 'user.baseCompanyDuty',
+  key: 'company_duty_custom',
+  type: 'text',
+  cate: 0,
+};
+
 export const buildWrapperStyle = (
   el: CardElement,
   unit: 'px' | 'rpx' = 'px'
@@ -124,18 +134,30 @@ export const buildImageContentStyle = (
   return style;
 };
 
-export const getTextValue = (el: TextElement, data?: Record<string, any>) => {
+export const getTextValue = (
+  el: TextElement,
+  data?: Record<string, any>
+) => {
+  // 如果 id 匹配，则使用 mock 的 binding，否则用原来的
+  const binding =
+    el.id === String(mockBaseCompanyDutyTemplateItem.id)
+      ? mockBaseCompanyDutyTemplateItem.bind
+      : el.binding;
+
   const bound =
-    el.binding && data ? resolveBindingValue(el.binding, data) : undefined;
+    binding && data ? resolveBindingValue(binding, data) : undefined;
+
   const val =
     bound !== undefined && bound !== null
       ? bound
       : el.defaultValue !== undefined && el.defaultValue !== null
       ? el.defaultValue
       : '';
+
   return `${val ?? ''}`;
 };
 
+
 export const getImageSrc = (el: ImageElement, data?: Record<string, any>) => {
   const bound =
     el.binding && data ? resolveBindingValue(el.binding, data) : undefined;

package/render/tool.ts

@@ -0,0 +1,34 @@
+import { applyItemCollectBindings } from '../bindings';
+import { CardLayoutSchema, TemplateItem } from '../interface';
+import { backgroundChange } from '../ops/changeBackground';
+import { Config } from '../types';
+
+
+export const setElementVisible = (
+  layout: CardLayoutSchema[],
+  key: string,
+  visible: boolean
+): CardLayoutSchema[] => {
+  return layout.map(la => ({
+    ...la,
+    children: la.children.map(el => (el.key === key ? { ...el, visible } : el)),
+  }));
+};
+
+
+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/types.d.ts

@@ -143,5 +143,20 @@ export function handleSpecialFields(data: { user: Record<string, any> }): {
 
 export function processCardLayout(
   layout: CardLayoutSchema[],
-  data: Data
+  data: any
+): CardLayoutSchema[];
+
+export type Config = {
+  showAvatar: boolean;
+  showLogo: boolean;
+  /**
+   * 当前背景 (0 为正面背景 1 为背面背景)
+   */
+  currentBg: TemplateBackground[];
+};
+
+export function buildRenderData(
+  layout: CardLayoutSchema[],
+  items: TemplateItem[],
+  config: Config
 ): CardLayoutSchema[];