@jzg223/design-runtime 0.0.0-stage → 0.0.1

package/dist/table/data.js

@@ -0,0 +1,18 @@
+import { requireHttp } from "../host.js";
+import { buildTableDataBody } from "./query-body.js";
+function fetchTableData(url, params) {
+  return requireHttp().post(
+    url,
+    buildTableDataBody(
+      params.pageNum,
+      params.pageSize,
+      params.search,
+      params.configParams,
+      params.envParams
+    ),
+    { signal: params.signal, silent: true }
+  );
+}
+export {
+  fetchTableData
+};

package/dist/table/load-gate.js

@@ -0,0 +1,19 @@
+function evaluateLoadGate(expression, scope) {
+  const express = (expression ?? "").trim();
+  if (!express) return { ok: true };
+  try {
+    const fn = new Function("params", "search", `return Boolean(${express});`);
+    const ok = fn(scope.params ?? {}, scope.search ?? {});
+    return { ok: Boolean(ok) };
+  } catch (err) {
+    const message = (err == null ? void 0 : err.message) ?? String(err);
+    console.warn(
+      `[design-runtime][table] 加载条件表达式执行失败（按「不加载」处理）：${express}`,
+      message
+    );
+    return { error: message, ok: false };
+  }
+}
+export {
+  evaluateLoadGate
+};

package/dist/table/query-body.js

@@ -0,0 +1,59 @@
+function buildTableDataBody(pageNum, pageSize, search, configParams, envParams) {
+  const runtime = { ...search ?? {} };
+  const conf = { ...configParams ?? {} };
+  const env = { ...envParams ?? {} };
+  for (const key of Object.keys(conf)) {
+    if (conf[key] === null || conf[key] === void 0) {
+      delete conf[key];
+    }
+  }
+  return {
+    pageNo: pageNum,
+    pageNum,
+    pageSize,
+    // search：只放查询条件（决定 WHERE）
+    search: { ...runtime },
+    // params：只放表达式 env（组件自身参数 + 列表「查询参数」，同名以配置为准）
+    params: { ...env, ...conf }
+  };
+}
+function parseConfigParams(raw) {
+  if (raw === null || raw === void 0) {
+    return {};
+  }
+  if (typeof raw === "object") {
+    if (Array.isArray(raw)) {
+      console.warn(
+        "[design-runtime][table] 列表「查询参数」必须是 JSON 对象，已忽略：",
+        raw
+      );
+      return {};
+    }
+    return { ...raw };
+  }
+  const text = String(raw).trim();
+  if (!text) {
+    return {};
+  }
+  try {
+    const parsed = JSON.parse(text);
+    if (parsed && typeof parsed === "object" && !Array.isArray(parsed)) {
+      return { ...parsed };
+    }
+    console.warn(
+      "[design-runtime][table] 列表「查询参数」必须是 JSON 对象，已忽略：",
+      text
+    );
+  } catch (error) {
+    console.warn(
+      "[design-runtime][table] 列表「查询参数」不是合法 JSON，已忽略：",
+      (error == null ? void 0 : error.message) ?? error,
+      text
+    );
+  }
+  return {};
+}
+export {
+  buildTableDataBody,
+  parseConfigParams
+};

package/dist/table/query-dedupe.js

@@ -0,0 +1,54 @@
+function createQueryDedupe(options = {}) {
+  const windowMs = options.windowMs ?? 1500;
+  const now = options.now ?? (() => Date.now());
+  let rebuiltAt = 0;
+  let inflight = null;
+  let last = null;
+  const stats = { fetched: 0, merged: 0, reused: 0 };
+  function isDedupeWindow(ts) {
+    return rebuiltAt > 0 && ts - rebuiltAt <= windowMs;
+  }
+  function markRebuild() {
+    rebuiltAt = now();
+  }
+  function reset() {
+    rebuiltAt = 0;
+  }
+  async function run(key, factory) {
+    const ts = now();
+    if (inflight && inflight.key === key) {
+      stats.merged += 1;
+      return inflight.promise;
+    }
+    if (isDedupeWindow(ts)) {
+      if (last && last.key === key && ts - last.at <= windowMs) {
+        stats.reused += 1;
+        rebuiltAt = 0;
+        return last.data;
+      }
+    }
+    const promise = factory();
+    inflight = { key, promise };
+    stats.fetched += 1;
+    try {
+      const data = await promise;
+      last = { at: now(), data, key };
+      rebuiltAt = 0;
+      return data;
+    } finally {
+      if (inflight && inflight.promise === promise) {
+        inflight = null;
+      }
+    }
+  }
+  return {
+    getStats: () => ({ ...stats }),
+    isDedupeWindow: () => isDedupeWindow(now()),
+    markRebuild,
+    reset,
+    run
+  };
+}
+export {
+  createQueryDedupe
+};

package/dist/table/query-search.js

@@ -0,0 +1,9 @@
+function buildQuerySearch(pageSearch, formValues) {
+  return {
+    ...pageSearch ?? {},
+    ...formValues ?? {}
+  };
+}
+export {
+  buildQuerySearch
+};

package/dist/table/row-action-mapping.js

@@ -0,0 +1,34 @@
+import { evaluateMappedExpress } from "../mapping.js";
+function evaluateExpress(express, params, row) {
+  return evaluateMappedExpress(express, { params, row });
+}
+function buildCustomParams(mappings, params, row) {
+  const result = {};
+  if (!Array.isArray(mappings) || mappings.length === 0) {
+    return result;
+  }
+  for (const m of mappings) {
+    if (!(m == null ? void 0 : m.paramName)) continue;
+    const val = evaluateExpress(m.express, params, row);
+    if (val !== void 0) result[m.paramName] = val;
+  }
+  return result;
+}
+function buildNavigateQuery(mappings, params, row, _pfield) {
+  const result = {};
+  if (!Array.isArray(mappings) || mappings.length === 0) {
+    return result;
+  }
+  for (const m of mappings) {
+    if (m == null ? void 0 : m.paramName) {
+      const val = evaluateExpress(m.express, params, row);
+      if (val !== void 0) result[m.paramName] = String(val);
+    }
+  }
+  return result;
+}
+export {
+  buildCustomParams,
+  buildNavigateQuery,
+  evaluateExpress
+};

package/dist/table/transformer.js

@@ -0,0 +1,328 @@
+import { h } from "vue";
+import { Tag } from "antdv-next";
+import { fetchTableData } from "./data.js";
+import { parseConfigParams } from "./query-body.js";
+let warnedMissingRenderDict = false;
+function parseWidth(width) {
+  if (!width) return { minWidth: 80 };
+  const parts = width.split(":");
+  const result = {};
+  if (parts[0]) result.width = Number.parseInt(parts[0], 10);
+  if (parts[1]) result.minWidth = Number.parseInt(parts[1], 10);
+  if (parts[2]) result.maxWidth = Number.parseInt(parts[2], 10);
+  return result;
+}
+function isColumnHidden(column) {
+  const flag = column == null ? void 0 : column.isShow;
+  return flag === false || flag === 0 || flag === "0" || flag === "false";
+}
+function readValueExpress(editRaw) {
+  if (!editRaw) return "";
+  try {
+    const edit = typeof editRaw === "string" ? JSON.parse(editRaw) : editRaw;
+    const express = edit == null ? void 0 : edit.valueExpress;
+    return typeof express === "string" ? express.trim() : "";
+  } catch {
+    return "";
+  }
+}
+function readEdit(editRaw) {
+  if (!editRaw) return null;
+  try {
+    const edit = typeof editRaw === "string" ? JSON.parse(editRaw) : editRaw;
+    return edit && typeof edit === "object" ? edit : null;
+  } catch {
+    return null;
+  }
+}
+function transformColumn(column, host) {
+  var _a, _b;
+  if (column.type === "seNo") {
+    return { type: "seq", title: column.title || "#", width: 60 };
+  }
+  if (column.type === "dataSelect") {
+    return { type: "checkbox", width: 50 };
+  }
+  const { width, minWidth, maxWidth } = parseWidth(column.width);
+  const base = {
+    field: column.field,
+    minWidth: minWidth ?? width ?? 80,
+    title: column.title,
+    width
+  };
+  if (maxWidth) base.maxWidth = maxWidth;
+  if (column.fixed) base.fixed = column.fixed;
+  const editConfig = readEdit(column.edit);
+  const valueExpress = readValueExpress(column.edit);
+  if (valueExpress) {
+    const key = (column.name || column.field || "").trim();
+    if (!key) {
+      console.warn(
+        "[design-runtime][table] 值计算列没有列名（来源字段也空），已跳过：",
+        column.title,
+        valueExpress
+      );
+      return null;
+    }
+    return {
+      ...base,
+      // 数字列（2026-10-23）：后端把格式化文本写回同一个 key，右对齐即可
+      ...(editConfig == null ? void 0 : editConfig.type) === "number" ? { align: "right" } : {},
+      field: key
+    };
+  }
+  if ((editConfig == null ? void 0 : editConfig.type) === "hcm") {
+    const comname = String(editConfig.comname ?? "").trim();
+    const key = (column.name || column.field || "").trim();
+    if (!key) {
+      console.warn(
+        "[design-runtime][table] 自定义列没有列名（来源字段也空），已跳过：",
+        column.title,
+        comname
+      );
+      return null;
+    }
+    const comp = (_a = host == null ? void 0 : host.resolveCustom) == null ? void 0 : _a.call(host, comname);
+    if (!comp) {
+      console.warn(
+        `[design-runtime][table] 自定义列「${column.title ?? key}」的组件 "${comname}" 没解析到，降级为纯文本`
+      );
+    }
+    base.field = key;
+    base.slots = {
+      default: ({ row }) => {
+        var _a2, _b2;
+        return comp ? h(comp, {
+          api: (_a2 = host == null ? void 0 : host.getApi) == null ? void 0 : _a2.call(host),
+          cell: column,
+          comname,
+          host: "table-cell",
+          params: ((_b2 = host == null ? void 0 : host.getParams) == null ? void 0 : _b2.call(host)) ?? {},
+          row,
+          value: row == null ? void 0 : row[key]
+        }) : (row == null ? void 0 : row[key]) ?? "";
+      }
+    };
+    return base;
+  }
+  const formater = column.formater;
+  const textKey = column.name || `${column.field}__text`;
+  if (formater === "action") {
+    base.slots = { default: "action" };
+    base.width = column.width ? Number.parseInt(column.width, 10) : "auto";
+    base.resizable = false;
+    return base;
+  }
+  if (formater == null ? void 0 : formater.startsWith("dict-")) {
+    const dictType = formater.split("-").slice(1).join("-");
+    base.slots = {
+      default: ({ row }) => {
+        const value = row[column.field];
+        if (host == null ? void 0 : host.renderDict) return host.renderDict(value, dictType);
+        if (!warnedMissingRenderDict) {
+          warnedMissingRenderDict = true;
+          console.warn(
+            `[design-runtime][table] 未注入 host.renderDict：字典列（如 "${dictType}"）只能显示原值。请在 transformTableConfig 的 host 里传 renderDict（宿主用 #/utils/render 的 renderDict 即可）`
+          );
+        }
+        return value ?? "";
+      }
+    };
+    return base;
+  }
+  if (formater === "file") {
+    base.cellRender = {
+      name: "CellImage",
+      props: { width: 40, height: 40 }
+    };
+    return base;
+  }
+  if (formater) {
+    base.slots = { default: formater };
+    return base;
+  }
+  if (editConfig) {
+    try {
+      if (editConfig.type === "date") {
+        return base;
+      }
+      if (editConfig.type === "file" || editConfig.type === "fj") {
+        base.cellRender = {
+          name: "CellImage",
+          props: { width: 40, height: 40 }
+        };
+        return base;
+      }
+      if (editConfig.type === "image") {
+        base.cellRender = {
+          name: "CellImage",
+          props: { width: 40, height: 40 }
+        };
+        return base;
+      }
+      if ((_b = editConfig.dicts) == null ? void 0 : _b.length) {
+        base.field = column.name || column.field;
+        base.slots = {
+          default: ({ row }) => {
+            const text = row[textKey];
+            if (text !== void 0 && text !== null) return text;
+            const val = row[column.field];
+            const item = editConfig.dicts.find(
+              (d) => String(d.dictValue) === String(val)
+            );
+            return (item == null ? void 0 : item.dictLabel) ?? val ?? "";
+          }
+        };
+        return base;
+      }
+      if (editConfig.relationSet || editConfig.relationField || editConfig.querySql) {
+        base.field = column.name || column.field;
+        const sqlOnly = !!editConfig.querySql && !editConfig.relationSet && !editConfig.relationField;
+        base.slots = {
+          default: ({ row }) => {
+            const text = row[textKey];
+            if (text !== void 0 && text !== null) return text;
+            if (sqlOnly) return "";
+            const val = row[column.field];
+            return val === void 0 || val === null ? "" : val;
+          }
+        };
+        return base;
+      }
+      if (editConfig.type === "switch") {
+        base.slots = {
+          default: ({ row }) => {
+            const val = row[column.field];
+            return h(
+              Tag,
+              { color: val === "1" || val === 1 ? "green" : "red" },
+              { default: () => val === "1" || val === 1 ? "是" : "否" }
+            );
+          }
+        };
+        return base;
+      }
+      if (editConfig.type === "number") {
+        base.align = "right";
+        base.slots = {
+          default: ({ row }) => {
+            const text = row[textKey];
+            if (text !== void 0 && text !== null && text !== "") return text;
+            const val = row[column.field];
+            return val === void 0 || val === null ? "" : val;
+          }
+        };
+        return base;
+      }
+    } catch {
+    }
+  }
+  return base;
+}
+function formatSummary(value) {
+  const num = typeof value === "number" ? value : Number(value);
+  if (!Number.isFinite(num)) {
+    return String(value ?? "");
+  }
+  const isInteger = Number.isInteger(num);
+  return num.toLocaleString("zh-CN", {
+    maximumFractionDigits: isInteger ? 0 : 2,
+    minimumFractionDigits: isInteger ? 0 : 2
+  });
+}
+function transformTableConfig(config, tableHeight, host) {
+  const columns = config.columns ?? [];
+  const isPager = config.pager === 1;
+  const hasSearchForm = false;
+  const vxeColumns = columns.filter((c) => !isColumnHidden(c)).map((c) => transformColumn(c, host)).filter(Boolean);
+  const summaryFields = columns.map((c) => {
+    const edit = readEdit(c == null ? void 0 : c.edit);
+    const func = edit == null ? void 0 : edit.summary;
+    return typeof func === "string" && func.trim() ? String((c == null ? void 0 : c.field) ?? "") : "";
+  }).filter(Boolean);
+  const rowActions = config.rowActions ?? [];
+  if (rowActions.length > 0) {
+    const hasActionCol = vxeColumns.some(
+      (c) => {
+        var _a;
+        return ((_a = c.slots) == null ? void 0 : _a.default) === "action" || c.type === "action";
+      }
+    );
+    if (!hasActionCol) {
+      vxeColumns.push({
+        field: "_action",
+        title: "操作",
+        width: rowActions.length * 80 + 16,
+        fixed: "right",
+        resizable: false,
+        slots: { default: "action" }
+      });
+    }
+  }
+  const configParams = parseConfigParams(config.queryParams);
+  const gridOptions = {
+    columns: vxeColumns,
+    // 默认撑满容器并内部滚动（design-table 外层自适应链保证容器有确定高度）；
+    // 传入数字(px) 时 vxe 走固定布局，正文/滚动条区域按容器分配，不会按内容撑高
+    height: tableHeight ?? "100%",
+    keepSource: true,
+    proxyConfig: {
+      ajax: {
+        query: async ({ page }, formValues = {}, envParams = {}) => {
+          var _a, _b;
+          const result = await fetchTableData(config.url, {
+            configParams,
+            envParams,
+            pageNum: page.currentPage,
+            pageSize: page.pageSize,
+            search: formValues
+          });
+          const runtimeTitle = result == null ? void 0 : result.runtimeTitle;
+          if (typeof runtimeTitle === "string" && runtimeTitle.trim()) {
+            (_a = host == null ? void 0 : host.onRuntimeTitle) == null ? void 0 : _a.call(host, runtimeTitle.trim());
+          }
+          (_b = host == null ? void 0 : host.onSummaries) == null ? void 0 : _b.call(host, (result == null ? void 0 : result.summaries) ?? {});
+          return result;
+        }
+      },
+      response: {
+        list: "records",
+        result: "records",
+        total: "total"
+      }
+    },
+    // 合计行（2026-10-22）：有列配了合计才开 footer；数值来自响应里的 summaries（后端全量汇总）
+    ...summaryFields.length > 0 ? {
+      footerMethod: ({ columns: footerColumns }) => {
+        var _a;
+        const sums = ((_a = host == null ? void 0 : host.getSummaries) == null ? void 0 : _a.call(host)) ?? {};
+        const cells = (footerColumns ?? []).map((col) => {
+          const value = (col == null ? void 0 : col.field) ? sums[col.field] : void 0;
+          if (value === void 0 || value === null || value === "") {
+            return "";
+          }
+          return formatSummary(value);
+        });
+        const labelIndex = cells.findIndex((cell) => cell === "");
+        if (labelIndex >= 0) {
+          cells[labelIndex] = "合计";
+        }
+        return [cells];
+      },
+      showFooter: true
+    } : {},
+    pagerConfig: isPager ? {
+      pageSize: config.pagesize || 10,
+      pageSizes: [10, 20, 30, 50, 100]
+    } : { enabled: false },
+    rowConfig: {
+      isHover: true,
+      keyField: config.pfield ?? "id",
+      useKey: true
+    }
+  };
+  return { gridOptions, hasSearchForm, isPager };
+}
+export {
+  transformTableConfig
+};

package/dist/tree/design-tree.vue.js

@@ -0,0 +1,7 @@
+import _sfc_main from "./design-tree2.vue.js";
+/* empty css                 */
+import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
+const DesignTree = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c106575a"]]);
+export {
+  DesignTree as default
+};