@jzg223/design-runtime 0.0.1 → 0.1.0-rc.2

package/dist/board-engine/schema.js

@@ -0,0 +1,856 @@
+const PART_TYPES = [
+  { type: "chart", label: "图表", icon: "bar-chart", group: "图表", w: 520, h: 320 },
+  { type: "kpi", label: "指标卡", icon: "number", group: "图表", w: 260, h: 140 },
+  { type: "table", label: "明细表格", icon: "table", group: "图表", w: 560, h: 300 },
+  { type: "crossTable", label: "交叉表", icon: "table", group: "图表", w: 620, h: 320 },
+  { type: "text", label: "文本", icon: "font-colors", group: "通用", w: 320, h: 60 },
+  { type: "image", label: "图片", icon: "picture", group: "通用", w: 300, h: 200 },
+  { type: "border", label: "静态边框", icon: "border", group: "通用", w: 480, h: 280 },
+  { type: "container", label: "自由容器", icon: "layout", group: "通用", w: 460, h: 260 },
+  { type: "tabContainer", label: "tab容器", icon: "table", group: "通用", w: 520, h: 300 },
+  { type: "iframe", label: "web元素", icon: "global", group: "通用", w: 480, h: 300 },
+  { type: "video", label: "视频", icon: "play-circle", group: "媒体", w: 420, h: 260 },
+  { type: "carousel", label: "轮播", icon: "picture", group: "媒体", w: 480, h: 280 },
+  { type: "marquee", label: "跑马灯", icon: "sound", group: "媒体", w: 460, h: 60 },
+  // 装饰：尺寸按"默认编号（5 阶梯折线）"的推荐尺寸给，见 engine/datav.js 的 DATAV_DECORATION_META
+  { type: "decoration", label: "装饰", icon: "thunderbolt", group: "媒体", w: 280, h: 60 },
+  { type: "progress", label: "进度条", icon: "dashboard", group: "交互", w: 320, h: 120 },
+  { type: "button", label: "按钮", icon: "thunderbolt", group: "交互", w: 160, h: 48 },
+  // 导航：一栏菜单项。点击**写看板参数**（主模型）或跳另一个看板；
+  // 其它部件用 view.visibleWhen 声明"哪个参数值下才显示" ⇒ 切页与切数据共用同一条参数链。
+  { type: "nav", label: "导航", icon: "menu", group: "交互", w: 760, h: 44 },
+  { type: "filter", label: "筛选方案", icon: "filter", group: "交互", w: 420, h: 60 }
+];
+const CHART_TYPES = [
+  { value: "bar", label: "柱状图" },
+  { value: "hbar", label: "条形图" },
+  { value: "line", label: "折线图" },
+  { value: "area", label: "面积图" },
+  { value: "pie", label: "饼图" },
+  { value: "donut", label: "环形图" },
+  { value: "rose", label: "玫瑰图" },
+  { value: "funnel", label: "漏斗图" },
+  { value: "pyramid", label: "金字塔图" },
+  { value: "radar", label: "雷达图" },
+  { value: "scatter", label: "散点图" },
+  { value: "gauge", label: "仪表盘" },
+  { value: "ring", label: "进度环" }
+];
+const DEFAULT_THEME = "tech-blue";
+const CONTAINER_TYPES = ["container", "tabContainer", "border"];
+const isContainer = (type) => CONTAINER_TYPES.indexOf(type) >= 0;
+function partVisible(part, params) {
+  const w = part && part.view && part.view.visibleWhen;
+  if (!w || !w.param) return true;
+  const raw = params ? params[w.param] : void 0;
+  const cur = raw === void 0 || raw === null ? "" : String(raw);
+  if (Array.isArray(w.in) && w.in.length > 0 && w.in.map(String).indexOf(cur) < 0) return false;
+  if (Array.isArray(w.notIn) && w.notIn.length > 0 && w.notIn.map(String).indexOf(cur) >= 0) return false;
+  return true;
+}
+const partTypeBadge = (part) => {
+  if (!part || !part.type) return "";
+  if (part.type === "chart") {
+    const chartType = part.view && part.view.chart || CHART_TYPES[0] && CHART_TYPES[0].value || "bar";
+    return `chart·${chartType}`;
+  }
+  return String(part.type);
+};
+const AGG_LABELS = { sum: "求和", avg: "平均", count: "计数", max: "最大", min: "最小", countdistinct: "去重计数" };
+function measureLabel(measure, fieldAlias) {
+  if (!measure) return fieldAlias || "";
+  if (measure.label) return measure.label;
+  const base = fieldAlias || measure.field;
+  const agg = AGG_LABELS[String(measure.agg || "").toLowerCase()] || measure.agg || "";
+  return agg ? `${base}（${agg}）` : base;
+}
+const STAGE_BG = "#070c18";
+const CARD_TYPES = ["kpi", "chart", "table", "crossTable", "progress", "filter"];
+const CARD_STYLE = {
+  bg: "",
+  border: { width: 0, style: "solid", color: "rgba(86,168,255,0.32)", radius: 0 },
+  shadow: { enable: false, color: "rgba(2,8,20,0.55)", blur: 22, spread: 0, x: 0, y: 10 }
+};
+const PANEL_STYLE = {
+  bg: "",
+  border: { width: 0, style: "solid", color: "rgba(86,168,255,0.32)", radius: 0 },
+  shadow: { enable: false, color: "rgba(2,8,20,0.55)", blur: 22, spread: 0, x: 0, y: 10 }
+};
+const CONTAINER_DECOR = { corner: true, glass: true };
+const BORDER_PRESETS = [
+  { value: "corner", label: "四角括号（轻）" },
+  { value: "cut", label: "切角描边（科技）" },
+  { value: "glow", label: "描边 + 流光" },
+  { value: "datav", label: "DataV 边框（13 种）" },
+  { value: "none", label: "无边框" }
+];
+function borderPresetOf(part) {
+  const v = part && part.view ? part.view.borderPreset : void 0;
+  if (v === "none" || v === "cut" || v === "glow" || v === "datav" || v === "corner") return v;
+  return decorOf(part).corner ? "corner" : "none";
+}
+function decorOf(part) {
+  const d = part && part.view && part.view.decor || {};
+  return {
+    corner: d.corner === void 0 ? CONTAINER_DECOR.corner : !!d.corner,
+    glass: d.glass === void 0 ? CONTAINER_DECOR.glass : !!d.glass
+  };
+}
+const THEMES = {
+  "tech-blue": {
+    label: "科技蓝",
+    dark: true,
+    colors: ["#4d8dff", "#22d3ee", "#a78bfa", "#fbbf24", "#fb7185", "#34d399", "#38bdf8", "#f472b6"],
+    bg: STAGE_BG,
+    text: "#eaf2ff",
+    subText: "rgba(196,216,246,0.74)",
+    splitLine: "rgba(120,170,255,0.18)",
+    cardBg: "linear-gradient(180deg, rgba(30,66,128,0.55) 0%, rgba(8,18,38,0.78) 100%)",
+    cardBorder: "rgba(86,168,255,0.32)",
+    cardRadius: 0,
+    // 科技感三件套：主强调色、辉光、上沿高光
+    accent: "#4d8dff",
+    accent2: "#22d3ee",
+    // DataV 边框/装饰的配色（两个槽位给**同一个色**＝单色，边框四条边才一致；
+    // 想还原 DataV 原版双色就把第二个写成 accent2。主题 CSS 里是 --brd-frame-1/2）
+    frameColors: ["#4d8dff", "#22d3ee"],
+    decoColors: ["#4d8dff", "#22d3ee"],
+    glow: "rgba(77,141,255,0.55)",
+    glowSoft: "rgba(77,141,255,0.14)",
+    topLight: "rgba(150,205,255,0.85)",
+    numGlow: "0 0 26px rgba(77,141,255,0.55), 0 0 2px rgba(255,255,255,0.35)",
+    // 舞台底纹：两团光晕 + 40px 细网格（画在画布底层，部件浮在上面）
+    decor: "radial-gradient(900px 420px at 50% -10%, rgba(56,110,220,0.22), transparent 70%),radial-gradient(700px 420px at 100% 110%, rgba(34,211,238,0.13), transparent 70%),linear-gradient(rgba(120,170,255,0.055) 1px, transparent 1px) 0 0/100% 44px repeat,linear-gradient(90deg, rgba(120,170,255,0.055) 1px, transparent 1px) 0 0/44px 100% repeat",
+    tooltipBg: "rgba(9,17,31,0.94)",
+    tooltipBorder: "rgba(96,150,232,0.32)"
+  },
+  "aurora-white": {
+    label: "极光白",
+    dark: false,
+    colors: ["#3b6fe0", "#0ea5a5", "#7c5cf5", "#e0a11b", "#e5566a", "#16a34a", "#0284c7", "#c026d3"],
+    bg: "#f4f6fa",
+    text: "#16233a",
+    subText: "rgba(52,72,102,0.72)",
+    splitLine: "rgba(30,60,120,0.12)",
+    cardBg: "linear-gradient(180deg, #ffffff 0%, #f4f8ff 100%)",
+    cardBorder: "rgba(30,70,140,0.14)",
+    cardRadius: 0,
+    accent: "#3b6fe0",
+    accent2: "#0ea5a5",
+    frameColors: ["#3b6fe0", "#0ea5a5"],
+    decoColors: ["#3b6fe0", "#0ea5a5"],
+    glow: "rgba(59,111,224,0.30)",
+    glowSoft: "rgba(59,111,224,0.07)",
+    topLight: "rgba(59,111,224,0.45)",
+    // 浅色主题不要发光文字（白底上会糊），用"无色"表示不加
+    numGlow: "none",
+    decor: "radial-gradient(900px 420px at 50% -10%, rgba(59,111,224,0.10), transparent 70%),radial-gradient(700px 420px at 100% 110%, rgba(14,165,165,0.07), transparent 70%),linear-gradient(rgba(30,70,140,0.05) 1px, transparent 1px) 0 0/100% 44px repeat,linear-gradient(90deg, rgba(30,70,140,0.05) 1px, transparent 1px) 0 0/44px 100% repeat",
+    tooltipBg: "rgba(255,255,255,0.98)",
+    tooltipBorder: "rgba(30,70,140,0.16)"
+  },
+  emerald: {
+    label: "翡翠绿",
+    dark: true,
+    colors: ["#22c55e", "#14b8a6", "#a3e635", "#fbbf24", "#f87171", "#38bdf8", "#c084fc", "#fb923c"],
+    bg: "#04140f",
+    text: "#e8fff7",
+    subText: "rgba(186,238,222,0.74)",
+    splitLine: "rgba(110,231,183,0.18)",
+    cardBg: "linear-gradient(180deg, rgba(16,74,58,0.58) 0%, rgba(4,20,16,0.80) 100%)",
+    cardBorder: "rgba(80,220,170,0.30)",
+    cardRadius: 0,
+    accent: "#22c55e",
+    accent2: "#14b8a6",
+    frameColors: ["#22c55e", "#14b8a6"],
+    decoColors: ["#22c55e", "#14b8a6"],
+    glow: "rgba(34,197,94,0.50)",
+    glowSoft: "rgba(34,197,94,0.13)",
+    topLight: "rgba(150,255,220,0.80)",
+    numGlow: "0 0 26px rgba(34,197,94,0.50), 0 0 2px rgba(255,255,255,0.30)",
+    decor: "radial-gradient(900px 420px at 50% -10%, rgba(16,120,90,0.26), transparent 70%),radial-gradient(700px 420px at 100% 110%, rgba(20,184,166,0.13), transparent 70%),linear-gradient(rgba(110,231,183,0.06) 1px, transparent 1px) 0 0/100% 44px repeat,linear-gradient(90deg, rgba(110,231,183,0.06) 1px, transparent 1px) 0 0/44px 100% repeat",
+    tooltipBg: "rgba(6,22,18,0.94)",
+    tooltipBorder: "rgba(80,220,170,0.30)"
+  }
+};
+const THEME_OVERRIDES = {};
+function setThemeTokens(code, tokens) {
+  if (!code || !tokens) return;
+  const known = THEMES[DEFAULT_THEME];
+  const next = Object.assign({}, THEME_OVERRIDES[code]);
+  Object.keys(tokens).forEach((k) => {
+    if (tokens[k] === void 0 || tokens[k] === null) return;
+    if (!(k in known)) return;
+    next[k] = tokens[k];
+  });
+  THEME_OVERRIDES[code] = next;
+}
+function resetThemeOverrides() {
+  Object.keys(THEME_OVERRIDES).forEach((k) => delete THEME_OVERRIDES[k]);
+}
+function themeOf(code) {
+  const base = THEMES[code] || THEMES[DEFAULT_THEME];
+  const ov = THEME_OVERRIDES[code];
+  return ov ? Object.assign({}, base, ov) : base;
+}
+function defaultConfig(width = 1920, height = 1080) {
+  return {
+    version: 1,
+    page: {
+      width,
+      height,
+      // 布局模式：free=自由绝对定位（大屏，默认，与既有看板兼容）；grid=24 栅格流式（门户/自适应）
+      layoutMode: "free",
+      // 移动端策略：auto（窄屏自动堆叠单列）/ stack（总是堆叠）/ scale（整页等比缩放）
+      mobileMode: "auto",
+      gridCols: 24,
+      gridRowHeight: 60,
+      gridGap: 12,
+      // 行高是否随内容自动增长：
+      //  false（默认）= 固定行高，部件框就是"跨行 × 行高"，内容超出在部件内部滚动，
+      //                 整页高度可预测、同一带的邻居不会被某个长表格撑高（经典仪表盘）；
+      //  true          = minmax(行高, auto)，行随内容长高、整页纵向流式滚动（门户/长内容）。
+      gridAutoHeight: false,
+      scaleMode: "auto",
+      minScale: 0.4,
+      fontAdaptive: true,
+      minFont: 12,
+      theme: DEFAULT_THEME,
+      chartTheme: DEFAULT_THEME,
+      bgColor: themeOf(DEFAULT_THEME).bg,
+      bgImage: "",
+      opacity: 100,
+      grid: { show: true, size: 10, snap: true },
+      guides: true,
+      scroll: false,
+      watermark: ""
+    },
+    parts: []
+  };
+}
+let seq = 0;
+function newPartId() {
+  seq += 1;
+  return "p" + Date.now().toString(36) + seq.toString(36);
+}
+function typeShape(type) {
+  const meta = PART_TYPES.find((t) => t.type === type);
+  const s = { name: meta ? meta.label : "", w: meta ? meta.w : 320, h: meta ? meta.h : 200, data: null, view: {} };
+  if (type === "chart") {
+    s.name = "图表";
+    s.data = { setId: "", dims: [], measures: [], filters: [], params: {}, orderField: "", orderDesc: false, limit: 1e3 };
+    s.view = { chart: "bar", showLegend: true, showLabel: false, smooth: false, horizontal: false };
+  } else if (type === "kpi") {
+    s.name = "指标卡";
+    s.data = { setId: "", dims: [], measures: [], filters: [], params: {}, limit: 1e3 };
+    s.view = { title: "指标名称", unit: "", precision: 0, thousand: true };
+  } else if (type === "table") {
+    s.name = "明细表格";
+    s.data = { setId: "", dims: [], measures: [], filters: [], params: {}, limit: 200 };
+    s.view = { stripe: true, bordered: false, headerBg: "" };
+  } else if (type === "text") {
+    s.name = "文本";
+    s.view = { content: "双击编辑文本", overflow: "wrap" };
+  } else if (type === "image") {
+    s.name = "图片";
+    s.view = { src: "", fit: "contain" };
+  } else if (type === "border") {
+    s.name = "静态边框";
+    s.view = { title: "标题", showTitle: true, titleStyle: "chip", padding: CONTAINER_PAD, childLayout: "grid", childRows: "fixed", decor: { ...CONTAINER_DECOR } };
+  } else if (type === "iframe") {
+    s.name = "web元素";
+    s.view = { src: "" };
+  } else if (type === "crossTable") {
+    s.name = "交叉表";
+    s.data = { setId: "", dims: [], measures: [], filters: [], params: {}, limit: 2e3 };
+    s.view = { rowDim: "", colDim: "", showTotal: true, stripe: true };
+  } else if (type === "container") {
+    s.name = "自由容器";
+    s.view = { title: "", showTitle: false, titleStyle: "chip", padding: CONTAINER_PAD, childLayout: "grid", childRows: "fixed", decor: { ...CONTAINER_DECOR } };
+  } else if (type === "tabContainer") {
+    s.name = "tab容器";
+    s.view = { tabs: ["页签一", "页签二", "页签三"], active: 0, carousel: false, interval: 5, padding: CONTAINER_PAD, childLayout: "grid", childRows: "fixed", decor: { ...CONTAINER_DECOR } };
+  } else if (type === "video") {
+    s.name = "视频";
+    s.view = { src: "", autoplay: false, loop: true, muted: true, controls: true };
+  } else if (type === "carousel") {
+    s.name = "轮播";
+    s.view = {
+      images: [
+        { src: "", title: "第一张" },
+        { src: "", title: "第二张" }
+      ],
+      interval: 3,
+      autoplay: true,
+      showTitle: true
+    };
+  } else if (type === "marquee") {
+    s.name = "跑马灯";
+    s.view = { content: "这是一条滚动播报的文字，可在右侧改内容与速度", speed: 12, color: "" };
+  } else if (type === "decoration") {
+    s.name = "装饰";
+    s.view = { datavDecoration: 5 };
+  } else if (type === "progress") {
+    s.name = "进度条";
+    s.data = { setId: "", dims: [], measures: [], filters: [], params: {}, limit: 1 };
+    s.view = { title: "完成率", unit: "%", percent: 60, showValue: true, useData: false };
+  } else if (type === "button") {
+    s.name = "按钮";
+    s.view = { text: "按钮", href: "", target: "_blank", type: "primary" };
+  } else if (type === "nav") {
+    s.name = "导航";
+    s.view = {
+      items: [
+        { label: "菜单一", value: "m1", code: "" },
+        { label: "菜单二", value: "m2", code: "" }
+      ],
+      mode: "param",
+      layout: "flow",
+      paramCode: "nav",
+      active: "m1",
+      gap: 8,
+      itemW: 120,
+      itemH: 34,
+      // 外观预设：只作为 class 挂点（nav-<style>），具体长相由主题 CSS 决定 ——
+      // 框架不写死视觉，主题换肤才能生效（B 档的教训）
+      style: "plate"
+    };
+  } else if (type === "filter") {
+    s.name = "筛选方案";
+    s.view = {
+      label: "筛选",
+      paramCode: "",
+      paramType: "select",
+      options: "选项一,选项二,选项三"
+    };
+  }
+  return s;
+}
+function basePartShape(type) {
+  const s = typeShape(type);
+  return {
+    type,
+    x: 40,
+    y: 40,
+    w: s.w,
+    h: s.h,
+    // 栅格模式用（layoutMode='grid'）：起始列 / 跨列 / 跨行；free 模式下忽略
+    col: 0,
+    colSpan: 6,
+    rowSpan: 4,
+    // 容器嵌套：'' = 顶层。tabIndex 只对 tab容器的子级有意义
+    parentId: "",
+    tabIndex: 0,
+    z: 1,
+    hidden: false,
+    locked: false,
+    style: (() => {
+      const panel = CONTAINER_TYPES.indexOf(type) >= 0;
+      const card = CARD_TYPES.indexOf(type) >= 0;
+      const src = panel ? PANEL_STYLE : card ? CARD_STYLE : null;
+      return {
+        bg: src ? src.bg : "",
+        opacity: 100,
+        border: src ? Object.assign({}, src.border) : { width: 0, style: "solid", color: "#1b3a5c", radius: 0 },
+        shadow: src ? Object.assign({}, src.shadow) : { enable: false, color: "rgba(0,0,0,0.3)", blur: 12, spread: 0, x: 0, y: 4 },
+        rotate: 0
+      };
+    })(),
+    text: {
+      fontFamily: "微软雅黑",
+      fontSize: 14,
+      bold: false,
+      italic: false,
+      color: "",
+      align: "left"
+    },
+    data: s.data,
+    view: s.view
+  };
+}
+function fillPartDefaults(part) {
+  if (!part) return part;
+  const known = PART_TYPES.some((t) => t.type === part.type);
+  const base = basePartShape(part.type);
+  if (!known) {
+    base.data = part.data === void 0 ? null : part.data;
+    base.view = part.view && typeof part.view === "object" ? part.view : {};
+  }
+  return deepMerge(base, part);
+}
+function jsonEqual(a, b) {
+  if (a === b) return true;
+  if (a === null || b === null || typeof a !== "object" || typeof b !== "object") return false;
+  try {
+    return JSON.stringify(a) === JSON.stringify(b);
+  } catch (e) {
+    return false;
+  }
+}
+function stripPartDefaults(part) {
+  if (!part || !part.type) return part;
+  const def = basePartShape(part.type);
+  const out = { ...part };
+  ["style", "text", "view", "data"].forEach((key) => {
+    const cur = out[key];
+    const d = def[key];
+    if (cur === void 0 || cur === null || d === void 0 || d === null) return;
+    if (typeof cur !== "object" || typeof d !== "object") return;
+    const kept = stripEqual(cur, d);
+    if (kept === null) delete out[key];
+    else out[key] = kept;
+  });
+  if (out.style && !isContainer(part.type)) {
+    delete out.style.bg;
+    if (!Object.keys(out.style).length) delete out.style;
+  }
+  return out;
+}
+function stripEqual(cur, def) {
+  const out = {};
+  let any = false;
+  Object.keys(cur).forEach((k) => {
+    const cv = cur[k];
+    const dv = def[k];
+    if (dv !== void 0 && jsonEqual(cv, dv)) return;
+    if (dv !== void 0 && cv && typeof cv === "object" && !Array.isArray(cv) && typeof dv === "object" && !Array.isArray(dv)) {
+      const sub = stripEqual(cv, dv);
+      if (sub !== null) {
+        out[k] = sub;
+        any = true;
+      }
+      return;
+    }
+    out[k] = cv;
+    any = true;
+  });
+  return any ? out : null;
+}
+function stripConfigDefaults(cfg) {
+  if (!cfg || !Array.isArray(cfg.parts)) return cfg;
+  return { ...cfg, parts: cfg.parts.map(stripPartDefaults) };
+}
+function createPart(type, overrides = {}) {
+  const base = Object.assign({ id: newPartId(), type, name: typeShape(type).name }, basePartShape(type));
+  return deepMerge(base, overrides);
+}
+function deepMerge(target, source) {
+  if (!source) return target;
+  const out = Array.isArray(target) ? [...target] : { ...target };
+  Object.keys(source).forEach((k) => {
+    const sv = source[k];
+    if (sv && typeof sv === "object" && !Array.isArray(sv) && typeof out[k] === "object" && out[k] !== null) {
+      out[k] = deepMerge(out[k], sv);
+    } else {
+      out[k] = sv;
+    }
+  });
+  return out;
+}
+function parseConfig(raw, fallbackSize) {
+  let cfg = raw;
+  if (typeof raw === "string") {
+    try {
+      cfg = JSON.parse(raw);
+    } catch (e) {
+      cfg = null;
+    }
+  }
+  if (!cfg || typeof cfg !== "object") {
+    return defaultConfig(fallbackSize && fallbackSize.width, fallbackSize && fallbackSize.height);
+  }
+  const base = defaultConfig(cfg.page && cfg.page.width, cfg.page && cfg.page.height);
+  const merged = deepMerge(base, cfg);
+  if (!Array.isArray(merged.parts)) merged.parts = [];
+  else merged.parts = normalizeParts(merged.parts).parts;
+  return merged;
+}
+function sortedParts(parts) {
+  return [...parts || []].sort((a, b) => (a.z || 0) - (b.z || 0));
+}
+function childParts(parts, parentId, tabIndex) {
+  const list = (parts || []).filter((p) => (p.parentId || "") === (parentId || ""));
+  if (tabIndex === void 0 || tabIndex === null) return list;
+  return list.filter((p) => (p.tabIndex || 0) === tabIndex);
+}
+function descendantIds(parts, id) {
+  const out = [id];
+  const seen = {};
+  seen[id] = 1;
+  const walk = (pid) => {
+    (parts || []).forEach((p) => {
+      if ((p.parentId || "") === pid) {
+        if (seen[p.id]) return;
+        seen[p.id] = 1;
+        out.push(p.id);
+        walk(p.id);
+      }
+    });
+  };
+  walk(id);
+  return out;
+}
+function canHostChildren(part) {
+  return !!part && isContainer(part.type);
+}
+function childLayoutOf(container) {
+  return container && container.view && container.view.childLayout || "grid";
+}
+function layoutAuthority(part, parentPart, page) {
+  if (parentPart) return childLayoutOf(parentPart);
+  return (page && page.layoutMode) === "grid" ? "grid" : "free";
+}
+function containerGrid(page, innerWidth) {
+  const g = {
+    gridCols: page && page.gridCols || GRID_DEFAULTS.cols,
+    gridRowHeight: page && page.gridRowHeight || GRID_DEFAULTS.rowHeight,
+    gridGap: page && page.gridGap !== void 0 ? page.gridGap : GRID_DEFAULTS.gap,
+    width: innerWidth || page && page.width || 1920
+  };
+  return g;
+}
+const CONTAINER_PAD = 10;
+const CONTAINER_PAD_MIN = 0;
+const CONTAINER_PAD_MAX = 40;
+function paddingOf(part) {
+  const v = part && part.view ? part.view.padding : void 0;
+  const n = Number(v);
+  if (!Number.isFinite(n)) return CONTAINER_PAD;
+  return Math.max(CONTAINER_PAD_MIN, Math.min(CONTAINER_PAD_MAX, Math.round(n)));
+}
+function titleStyleOf(part) {
+  const s = part && part.view ? part.view.titleStyle : void 0;
+  return s === "bar" ? "bar" : "chip";
+}
+function childRowsOf(part) {
+  const v = part && part.view ? part.view.childRows : void 0;
+  return v === "fill" ? "fill" : "fixed";
+}
+const TITLE_BAR_HEIGHT = 34;
+const TITLE_CHIP_HEIGHT = 20;
+const TITLE_OFFSET_DEFAULT = 0;
+const TITLE_OFFSET_MIN = -20;
+const TITLE_OFFSET_MAX = 40;
+const TITLE_INSET_DEFAULT = 8;
+const TITLE_INSET_MIN = -20;
+const TITLE_INSET_MAX = 120;
+function titleInsetOf(part) {
+  const v = part && part.view ? part.view.titleInset : void 0;
+  const n = Number(v);
+  if (!Number.isFinite(n)) return TITLE_INSET_DEFAULT;
+  return Math.max(TITLE_INSET_MIN, Math.min(TITLE_INSET_MAX, Math.round(n)));
+}
+function titleOffsetOf(part) {
+  const v = part && part.view ? part.view.titleOffset : void 0;
+  const n = Number(v);
+  if (!Number.isFinite(n)) return TITLE_OFFSET_DEFAULT;
+  return Math.max(TITLE_OFFSET_MIN, Math.min(TITLE_OFFSET_MAX, Math.round(n)));
+}
+function titleReserveOf(part) {
+  const hasTitle = part && part.view && part.view.showTitle && part.view.title !== void 0;
+  if (!hasTitle) return 0;
+  if (titleStyleOf(part) === "bar") return TITLE_BAR_HEIGHT;
+  return Math.max(0, TITLE_CHIP_HEIGHT - titleOffsetOf(part) - paddingOf(part));
+}
+function reorderDepthFirst(parts) {
+  const list = parts || [];
+  const out = [];
+  const seen = {};
+  const pushTop = (p) => {
+    if (seen[p.id]) return;
+    seen[p.id] = 1;
+    out.push(p);
+    list.forEach((c) => {
+      if ((c.parentId || "") === p.id) pushTop(c);
+    });
+  };
+  list.forEach((p) => {
+    if (!(p.parentId || "")) pushTop(p);
+  });
+  list.forEach((p) => {
+    if (!seen[p.id]) pushTop(p);
+  });
+  return out;
+}
+function normalizeParts(parts) {
+  const list = (parts || []).filter((p) => p && p.id && p.type);
+  const byId = {};
+  list.forEach((p) => {
+    byId[p.id] = p;
+  });
+  const fixed = [];
+  list.forEach((p) => {
+    const filled = fillPartDefaults(p);
+    Object.keys(filled).forEach((k) => {
+      if (k !== "id") p[k] = filled[k];
+    });
+    if (typeof p.parentId !== "string") p.parentId = "";
+    if (typeof p.tabIndex !== "number") p.tabIndex = 0;
+    const pid = p.parentId;
+    if (!pid) return;
+    const parent = byId[pid];
+    if (!parent) {
+      p.parentId = "";
+      fixed.push(`${p.name || p.id}: 父容器不存在，已提升为顶层`);
+      return;
+    }
+    if (!isContainer(parent.type)) {
+      p.parentId = "";
+      fixed.push(`${p.name || p.id}: 父级不是容器，已提升为顶层`);
+      return;
+    }
+    const tabs = parent.view && parent.view.tabs || [];
+    if (parent.type === "tabContainer" && tabs.length && (p.tabIndex || 0) >= tabs.length) {
+      p.tabIndex = 0;
+      fixed.push(`${p.name || p.id}: 页签序号越界，已归到第 1 个页签`);
+    }
+  });
+  list.forEach((p) => {
+    if (!p.parentId) return;
+    if (descendantIds(list, p.id).indexOf(p.parentId) >= 0) {
+      p.parentId = "";
+      fixed.push(`${p.name || p.id}: 存在循环嵌套，已提升为顶层`);
+    }
+  });
+  return { parts: reorderDepthFirst(list), fixed };
+}
+const GRID_DEFAULTS = { cols: 24, rowHeight: 60, gap: 12 };
+function freeToGrid(part, page) {
+  const cols = page && page.gridCols || GRID_DEFAULTS.cols;
+  const rowH = page && page.gridRowHeight || GRID_DEFAULTS.rowHeight;
+  const gap = page && page.gridGap !== void 0 ? page.gridGap : GRID_DEFAULTS.gap;
+  const W = page && page.width || 1920;
+  const colW = (W - gap * (cols + 1)) / cols;
+  const unit = colW + gap;
+  const col = Math.max(0, Math.min(cols - 1, Math.round((part.x - gap) / unit)));
+  const span = Math.max(1, Math.min(cols - col, Math.round((part.w + gap) / unit)));
+  const rowSpan = Math.max(1, Math.round((part.h + gap) / (rowH + gap)));
+  return { col, colSpan: span, rowSpan };
+}
+function gridToFreeParts(parts, page) {
+  const cols = page && page.gridCols || GRID_DEFAULTS.cols;
+  const rowH = page && page.gridRowHeight || GRID_DEFAULTS.rowHeight;
+  const gap = page && page.gridGap !== void 0 ? page.gridGap : GRID_DEFAULTS.gap;
+  const W = page && page.width || 1920;
+  const colW = (W - gap * (cols + 1)) / cols;
+  const unit = colW + gap;
+  const rowUnit = rowH + gap;
+  let top = gap;
+  let cursor = 0;
+  let bandRows = 1;
+  parts.forEach((part) => {
+    const col = Math.max(0, Math.min(cols - 1, part.col || 0));
+    const span = Math.max(1, Math.min(cols - col, part.colSpan || 6));
+    const rows = Math.max(1, part.rowSpan || 4);
+    if (col < cursor) {
+      top += bandRows * rowUnit;
+      cursor = 0;
+      bandRows = 1;
+    }
+    part.x = Math.round(gap + col * unit);
+    part.y = Math.round(top);
+    part.w = Math.round(span * unit - gap);
+    part.h = Math.round(rows * rowUnit - gap);
+    cursor = col + span;
+    if (rows > bandRows) bandRows = rows;
+  });
+  return parts;
+}
+function gridAutoRows(page) {
+  const rowH = page && page.gridRowHeight || GRID_DEFAULTS.rowHeight;
+  return page && page.gridAutoHeight ? `minmax(${rowH}px, auto)` : `${rowH}px`;
+}
+function sortSiblingsByVisual(parts, parentId) {
+  const pid = parentId || "";
+  const sibs = (parts || []).filter((p) => (p.parentId || "") === pid);
+  if (sibs.length < 2) return parts;
+  const sorted = sibs.slice().sort((a, b) => {
+    const dy = (a.y || 0) - (b.y || 0);
+    if (Math.abs(dy) > 4) return dy;
+    return (a.x || 0) - (b.x || 0);
+  });
+  const slots = [];
+  parts.forEach((p, i) => {
+    if ((p.parentId || "") === pid) slots.push(i);
+  });
+  slots.forEach((slot, k) => {
+    parts[slot] = sorted[k];
+  });
+  return parts;
+}
+function gridSpanToSize(part, page) {
+  const cols = page && page.gridCols || GRID_DEFAULTS.cols;
+  const rowH = page && page.gridRowHeight || GRID_DEFAULTS.rowHeight;
+  const gap = page && page.gridGap !== void 0 ? page.gridGap : GRID_DEFAULTS.gap;
+  const W = page && page.width || 1920;
+  const colW = (W - gap * (cols + 1)) / cols;
+  const unit = colW + gap;
+  return {
+    w: Math.round(Math.max(1, Math.min(cols, part.colSpan || 6)) * unit - gap),
+    h: Math.round(Math.max(1, part.rowSpan || 4) * (rowH + gap) - gap)
+  };
+}
+function gridPartStyle(part, page) {
+  const st = partStyle(part);
+  const cols = page && page.gridCols || GRID_DEFAULTS.cols;
+  const col = Math.max(0, Math.min(cols - 1, part.col || 0));
+  const span = Math.max(1, Math.min(cols - col, part.colSpan || 6));
+  st.position = "relative";
+  st.left = "auto";
+  st.top = "auto";
+  st.width = "auto";
+  st.height = "auto";
+  st.gridColumn = `${col + 1} / span ${span}`;
+  st.gridRow = `span ${Math.max(1, part.rowSpan || 4)}`;
+  st.minWidth = "0";
+  return st;
+}
+function partStyle(part) {
+  const s = part.style || {};
+  const st = {
+    position: "absolute",
+    left: part.x + "px",
+    top: part.y + "px",
+    width: part.w + "px",
+    height: part.h + "px",
+    zIndex: part.z || 1,
+    opacity: (s.opacity === void 0 ? 100 : s.opacity) / 100,
+    boxSizing: "border-box"
+  };
+  if (s.rotate) {
+    st.transform = `rotate(${s.rotate}deg)`;
+  }
+  return st;
+}
+function partVisualStyle(part) {
+  const s = part.style || {};
+  const b = s.border || {};
+  const sh = s.shadow || {};
+  const st = {};
+  if (s.bg && isContainer(part.type)) st.background = s.bg;
+  if (b.radius) st.borderRadius = (b.radius || 0) + "px";
+  if (b.width) {
+    st.border = `${b.width}px ${b.style || "solid"} ${b.color || "transparent"}`;
+  }
+  if (sh.enable) {
+    st.boxShadow = `${sh.x || 0}px ${sh.y || 0}px ${sh.blur || 0}px ${sh.spread || 0}px ${sh.color || "rgba(0,0,0,.3)"}`;
+  }
+  return st;
+}
+function textStyle(part, theme) {
+  const t = part.text || {};
+  return {
+    fontFamily: t.fontFamily || "微软雅黑",
+    fontSize: (t.fontSize || 14) + "px",
+    fontWeight: t.bold ? "bold" : "normal",
+    fontStyle: t.italic ? "italic" : "normal",
+    color: t.color || (theme ? theme.text : "#fff"),
+    textAlign: t.align || "left"
+  };
+}
+const MOBILE_MAX_WIDTH = 768;
+function mobileModeOf(page) {
+  const m = page && page.mobileMode || "auto";
+  return ["auto", "stack", "scale"].indexOf(m) >= 0 ? m : "auto";
+}
+function isMobileStack(page, viewportWidth) {
+  const mode = mobileModeOf(page);
+  if (mode === "scale") return false;
+  const w = Number(viewportWidth) || 0;
+  if (mode === "stack") return true;
+  return w > 0 && w < MOBILE_MAX_WIDTH;
+}
+const STACK_MIN_HEIGHT = { chart: 320, table: 320, crossTable: 320, kpi: 120, text: 56, progress: 120, filter: 80 };
+function stackMinHeight(type) {
+  return STACK_MIN_HEIGHT[type] || 60;
+}
+function stackPartStyle(part, childCount) {
+  const st = partStyle(part);
+  st.position = "relative";
+  st.left = "auto";
+  st.top = "auto";
+  st.width = "100%";
+  st.maxWidth = "100%";
+  st.height = isContainer(part.type) ? childCount > 0 ? "auto" : Math.max(60, part.h || 120) + "px" : Math.max(stackMinHeight(part.type), part.h || 120) + "px";
+  return st;
+}
+function visualOrder(list) {
+  return [...list || []].sort((a, b) => {
+    const dy = (a.y || 0) - (b.y || 0);
+    if (Math.abs(dy) > 20) return dy;
+    return (a.x || 0) - (b.x || 0);
+  });
+}
+export {
+  AGG_LABELS,
+  BORDER_PRESETS,
+  CARD_STYLE,
+  CARD_TYPES,
+  CHART_TYPES,
+  CONTAINER_DECOR,
+  CONTAINER_PAD,
+  CONTAINER_PAD_MAX,
+  CONTAINER_PAD_MIN,
+  CONTAINER_TYPES,
+  DEFAULT_THEME,
+  GRID_DEFAULTS,
+  MOBILE_MAX_WIDTH,
+  PANEL_STYLE,
+  PART_TYPES,
+  STAGE_BG,
+  THEMES,
+  TITLE_BAR_HEIGHT,
+  TITLE_CHIP_HEIGHT,
+  TITLE_INSET_DEFAULT,
+  TITLE_INSET_MAX,
+  TITLE_INSET_MIN,
+  TITLE_OFFSET_DEFAULT,
+  TITLE_OFFSET_MAX,
+  TITLE_OFFSET_MIN,
+  basePartShape,
+  borderPresetOf,
+  canHostChildren,
+  childLayoutOf,
+  childParts,
+  childRowsOf,
+  containerGrid,
+  createPart,
+  decorOf,
+  deepMerge,
+  defaultConfig,
+  descendantIds,
+  fillPartDefaults,
+  freeToGrid,
+  gridAutoRows,
+  gridPartStyle,
+  gridSpanToSize,
+  gridToFreeParts,
+  isContainer,
+  isMobileStack,
+  layoutAuthority,
+  measureLabel,
+  mobileModeOf,
+  newPartId,
+  normalizeParts,
+  paddingOf,
+  parseConfig,
+  partStyle,
+  partTypeBadge,
+  partVisible,
+  partVisualStyle,
+  reorderDepthFirst,
+  resetThemeOverrides,
+  setThemeTokens,
+  sortSiblingsByVisual,
+  sortedParts,
+  stackMinHeight,
+  stackPartStyle,
+  stripConfigDefaults,
+  stripPartDefaults,
+  textStyle,
+  themeOf,
+  titleInsetOf,
+  titleOffsetOf,
+  titleReserveOf,
+  titleStyleOf,
+  visualOrder
+};