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

package/dist/board-engine/i18n.js

@@ -0,0 +1,130 @@
+const LOCALES = [
+  { code: "zh-CHS", label: "简体中文" },
+  { code: "en-US", label: "English" },
+  { code: "ug-CN", label: "ئۇيغۇرچە（维吾尔语）" }
+];
+const DEFAULT_LOCALE = "zh-CHS";
+const TRANSLATABLE = {
+  _common: [{ path: "name", label: "部件名称" }],
+  chart: [],
+  kpi: [
+    { path: "view.title", label: "标题" },
+    { path: "view.unit", label: "单位" }
+  ],
+  table: [],
+  crossTable: [],
+  text: [{ path: "view.content", label: "文本内容" }],
+  image: [],
+  border: [{ path: "view.title", label: "边框标题" }],
+  container: [{ path: "view.title", label: "容器标题" }],
+  tabContainer: [
+    { path: "view.tabs", label: "页签（每行一个）", multi: true },
+    { path: "view.contents", label: "每页内容（每行一段）", multi: true }
+  ],
+  iframe: [],
+  video: [],
+  carousel: [{ path: "view.images", label: "图片标题（每行一个）", multi: true, sub: "title" }],
+  marquee: [{ path: "view.content", label: "播报内容" }],
+  progress: [
+    { path: "view.title", label: "标题" },
+    { path: "view.unit", label: "单位" }
+  ],
+  button: [{ path: "view.text", label: "按钮文字" }],
+  filter: [
+    { path: "view.label", label: "标签" },
+    { path: "view.paramCode", label: "参数编码" }
+  ]
+};
+function translatableFields(part) {
+  const list = [...TRANSLATABLE._common ?? []];
+  const extra = TRANSLATABLE[part == null ? void 0 : part.type] ?? [];
+  return list.concat(extra);
+}
+function getByPath(obj, path) {
+  return path.split(".").reduce((o, k) => o === null || o === void 0 ? void 0 : o[k], obj);
+}
+function setByPath(obj, path, value) {
+  const keys = path.split(".");
+  let cur = obj;
+  for (let i = 0; i < keys.length - 1; i++) {
+    const k = keys[i];
+    if (cur[k] === void 0 || cur[k] === null) cur[k] = {};
+    cur = cur[k];
+  }
+  cur[keys[keys.length - 1]] = value;
+}
+function asText(v) {
+  return v === void 0 || v === null ? "" : String(v);
+}
+function fieldText(part, locale, path, sub) {
+  var _a;
+  const ov = (_a = part == null ? void 0 : part.i18n) == null ? void 0 : _a[locale];
+  const base = getByPath(part, path);
+  if (locale === DEFAULT_LOCALE || !ov || ov[path] === void 0) {
+    if (sub && Array.isArray(base)) return base.map((x) => (x == null ? void 0 : x[sub]) ?? "").join("\n");
+    if (Array.isArray(base)) return base.join("\n");
+    return asText(base);
+  }
+  const v = ov[path];
+  if (Array.isArray(v)) return v.join("\n");
+  return asText(v);
+}
+function setFieldText(part, locale, path, text, sub) {
+  if (locale === DEFAULT_LOCALE) {
+    const base2 = getByPath(part, path);
+    if (sub && Array.isArray(base2)) {
+      const lines = String(text).split("\n");
+      base2.forEach((x, i) => {
+        x[sub] = lines[i] === void 0 ? x[sub] : lines[i];
+      });
+    } else if (Array.isArray(base2) || path === "view.tabs" || path === "view.contents") {
+      setByPath(part, path, String(text).split("\n"));
+    } else {
+      setByPath(part, path, text);
+    }
+    return;
+  }
+  if (!part.i18n) part.i18n = {};
+  if (!part.i18n[locale]) part.i18n[locale] = {};
+  const base = getByPath(part, path);
+  const bucket = part.i18n[locale];
+  if (sub && Array.isArray(base)) {
+    const lines = String(text).split("\n");
+    bucket[path] = base.map((x, i) => ({
+      [sub]: lines[i] === void 0 ? (x == null ? void 0 : x[sub]) ?? "" : lines[i]
+    }));
+  } else if (Array.isArray(base)) {
+    bucket[path] = String(text).split("\n");
+  } else {
+    bucket[path] = text;
+  }
+}
+function localizePart(part, locale) {
+  var _a;
+  if (!part || locale === DEFAULT_LOCALE || !((_a = part.i18n) == null ? void 0 : _a[locale])) return part;
+  const copy = JSON.parse(JSON.stringify(part));
+  const ov = part.i18n[locale];
+  Object.keys(ov).forEach((path) => {
+    setByPath(copy, path, JSON.parse(JSON.stringify(ov[path])));
+  });
+  return copy;
+}
+function translatedCount(part, locale) {
+  var _a;
+  if (locale === DEFAULT_LOCALE || !((_a = part.i18n) == null ? void 0 : _a[locale])) return 0;
+  const bucket = part.i18n[locale];
+  return Object.keys(bucket).filter((k) => {
+    const v = bucket[k];
+    return Array.isArray(v) ? v.length > 0 : !!v;
+  }).length;
+}
+export {
+  DEFAULT_LOCALE,
+  LOCALES,
+  TRANSLATABLE,
+  fieldText,
+  localizePart,
+  setFieldText,
+  translatableFields,
+  translatedCount
+};

package/dist/board-engine/param-catalog.js

@@ -0,0 +1,137 @@
+function parseOptions(src) {
+  if (!src || typeof src !== "string") return [];
+  const out = [];
+  src.split(/[,，;\n\r]+/).forEach((t) => {
+    const v = t.trim();
+    if (v && out.indexOf(v) < 0) out.push(v);
+  });
+  return out;
+}
+function valueSourceReference(src) {
+  const opts = parseOptions(src);
+  return opts.length === 1 ? opts[0] : "";
+}
+function effectiveFilterFor(view, declared) {
+  const v = view ?? {};
+  const code = String(v.paramCode ?? "");
+  const ownOpts = parseOptions(v.options);
+  const declaredOpts = declared ? parseOptions(declared.valueSource) : [];
+  const type = v.paramType || (declared == null ? void 0 : declared.paramType) || (ownOpts.length ? "select" : "input");
+  const options = ownOpts.length ? ownOpts : declaredOpts;
+  return {
+    code,
+    declared,
+    type,
+    options,
+    typeOverridden: !!(v.paramType && declared),
+    optionsOverridden: ownOpts.length > 0,
+    optionsMismatch: !!(declared && ownOpts.length && declaredOpts.length && ownOpts.join("
") !== declaredOpts.join("
")),
+    typeMismatch: !!(declared && v.paramType && v.paramType !== declared.paramType),
+    reference: declared ? declaredOpts.length ? "" : valueSourceReference(declared.valueSource) : "",
+    undeclared: !!code && !declared
+  };
+}
+function createParamCatalog(options = {}) {
+  const state = { byCode: {}, loadedKey: "", loading: false, version: 0 };
+  const listeners = /* @__PURE__ */ new Set();
+  const emit = () => {
+    listeners.forEach((fn) => {
+      try {
+        fn(state);
+      } catch (e) {
+        console.error("[design-board] 参数目录订阅回调异常", e);
+      }
+    });
+  };
+  const catalog = {
+    state,
+    async load(setIds) {
+      const ids = Array.from(
+        new Set((setIds ?? []).filter(Boolean))
+      ).map((x) => String(x)).sort();
+      const key = ids.join(",");
+      if (state.loadedKey === key) return state;
+      state.loading = true;
+      state.version += 1;
+      emit();
+      try {
+        let list = [];
+        if (ids.length && options.fetchParams) {
+          const res = await options.fetchParams(key);
+          list = res ?? [];
+        }
+        const byCode = {};
+        list.forEach((p) => {
+          const code = p == null ? void 0 : p.paramCode;
+          if (!code) return;
+          if (!byCode[code]) {
+            byCode[code] = {
+              paramCode: code,
+              paramName: p.paramName || code,
+              paramType: p.paramType || "input",
+              defaultValue: p.defaultValue || "",
+              valueSource: p.valueSource || "",
+              sets: []
+            };
+          }
+          const d = byCode[code];
+          if (p.setId !== void 0 && p.setId !== null && d.sets.indexOf(p.setId) < 0) {
+            d.sets.push(p.setId);
+          }
+          if (!d.paramType) d.paramType = p.paramType;
+          if (!d.defaultValue && p.defaultValue) d.defaultValue = p.defaultValue;
+          if (!d.valueSource && p.valueSource) d.valueSource = p.valueSource;
+        });
+        state.byCode = byCode;
+        state.loadedKey = key;
+      } catch (e) {
+        state.byCode = {};
+        state.loadedKey = key;
+      } finally {
+        state.loading = false;
+        state.version += 1;
+        emit();
+      }
+      return state;
+    },
+    reset() {
+      state.byCode = {};
+      state.loadedKey = "";
+      state.version += 1;
+      emit();
+    },
+    declared(code) {
+      return code ? state.byCode[code] ?? null : null;
+    },
+    list() {
+      return Object.keys(state.byCode).sort().map((k) => state.byCode[k]);
+    },
+    effectiveFilter(view) {
+      const code = String((view == null ? void 0 : view.paramCode) ?? "");
+      return effectiveFilterFor(view, code ? state.byCode[code] ?? null : null);
+    },
+    subscribe(listener) {
+      listeners.add(listener);
+      return () => listeners.delete(listener);
+    }
+  };
+  return catalog;
+}
+const defaultParamCatalog = createParamCatalog();
+const loadParamCatalog = (setIds) => defaultParamCatalog.load(setIds);
+const resetParamCatalog = () => defaultParamCatalog.reset();
+const declaredParam = (code) => defaultParamCatalog.declared(code);
+const catalogList = () => defaultParamCatalog.list();
+const effectiveFilter = (view) => defaultParamCatalog.effectiveFilter(view);
+export {
+  catalogList,
+  createParamCatalog,
+  declaredParam,
+  defaultParamCatalog,
+  effectiveFilter,
+  effectiveFilterFor,
+  loadParamCatalog,
+  parseOptions,
+  resetParamCatalog,
+  valueSourceReference
+};

package/dist/board-engine/params.js

@@ -0,0 +1,61 @@
+function toParamValue(value) {
+  if (value === null || value === void 0) return "";
+  return String(value);
+}
+function createBoardParams(initial) {
+  const state = { values: {}, version: 0 };
+  if (initial) {
+    Object.keys(initial).forEach((k) => {
+      state.values[k] = toParamValue(initial[k]);
+    });
+  }
+  const listeners = /* @__PURE__ */ new Set();
+  const emit = () => {
+    listeners.forEach((fn) => {
+      try {
+        fn(state);
+      } catch (e) {
+        console.error("[design-board] 参数订阅回调异常", e);
+      }
+    });
+  };
+  return {
+    state,
+    set(code, value) {
+      if (!code) return;
+      const next = toParamValue(value);
+      if (state.values[code] === next) return;
+      state.values[code] = next;
+      state.version += 1;
+      emit();
+    },
+    get(code) {
+      return state.values[code];
+    },
+    all() {
+      return { ...state.values };
+    },
+    reset() {
+      state.values = {};
+      state.version += 1;
+      emit();
+    },
+    subscribe(listener) {
+      listeners.add(listener);
+      return () => listeners.delete(listener);
+    }
+  };
+}
+const defaultBoardParams = createBoardParams();
+const setParam = (code, value) => defaultBoardParams.set(code, value);
+const getParam = (code) => defaultBoardParams.get(code);
+const allParams = () => defaultBoardParams.all();
+const resetParams = () => defaultBoardParams.reset();
+export {
+  allParams,
+  createBoardParams,
+  defaultBoardParams,
+  getParam,
+  resetParams,
+  setParam
+};

package/dist/board-engine/render-model.js

@@ -0,0 +1,65 @@
+import { childLayoutOf, paddingOf, isContainer, CARD_TYPES, gridPartStyle, stackPartStyle, partStyle, titleReserveOf, titleInsetOf, titleOffsetOf, titleStyleOf, decorOf, canHostChildren, borderPresetOf, partVisualStyle } from "./schema.js";
+function resolveLayout(page, override) {
+  if (override) return override;
+  return (page == null ? void 0 : page.layoutMode) === "grid" ? "grid" : "free";
+}
+function partRenderModel(part, page, options = {}) {
+  const layout = resolveLayout(page, options.layout);
+  const container = isContainer(part.type);
+  const card = CARD_TYPES.indexOf(part.type) >= 0;
+  let outerStyle;
+  if (layout === "grid") outerStyle = gridPartStyle(part, page);
+  else if (layout === "stack") outerStyle = stackPartStyle(part, options.childCount ?? 0);
+  else outerStyle = partStyle(part);
+  const view = part.view ?? {};
+  const hasTitle = !!view.showTitle && view.title !== void 0;
+  const title = hasTitle ? {
+    style: titleStyleOf(part),
+    text: String(view.title ?? ""),
+    offset: titleOffsetOf(part),
+    inset: titleInsetOf(part),
+    reserve: titleReserveOf(part)
+  } : null;
+  const decor = decorOf(part) ?? {};
+  const classes = ["drb-part", `drb-part--${part.type}`];
+  if (container) classes.push("drb-part--container");
+  if (card) classes.push("drb-part--card");
+  classes.push(`drb-layout--${layout}`);
+  return {
+    id: String(part.id ?? ""),
+    type: String(part.type ?? ""),
+    layout,
+    isContainer: container,
+    isCard: card,
+    outerStyle,
+    panelStyle: partVisualStyle(part),
+    pad: paddingOf(part),
+    title,
+    decor: {
+      border: view.datavBorder,
+      decoration: view.datavDecoration,
+      borderPreset: String(borderPresetOf(part) ?? "none"),
+      corner: !!decor.corner,
+      glass: !!decor.glass
+    },
+    childLayout: String(childLayoutOf(part) ?? "free"),
+    canHostChildren: !!canHostChildren(part),
+    classes
+  };
+}
+function containerChildrenStyle(part, page, innerWidth) {
+  const layout = String(childLayoutOf(part) ?? "free");
+  if (layout !== "grid") return {};
+  return {
+    display: "grid",
+    padding: `${paddingOf(part)}px`,
+    boxSizing: "border-box",
+    gap: `${(page == null ? void 0 : page.gridGap) ?? 12}px`,
+    ...innerWidth ? { width: `${innerWidth}px` } : {}
+  };
+}
+export {
+  containerChildrenStyle,
+  partRenderModel,
+  resolveLayout
+};