@jzg223/design-runtime 0.0.0-stage → 0.0.1

package/dist/form/design-form-inner2.vue.js

@@ -0,0 +1,449 @@
+import { defineComponent, reactive, watch, computed, provide, openBlock, createElementBlock, createElementVNode, Fragment, renderList, normalizeStyle, normalizeClass, withDirectives, createBlock, resolveDynamicComponent, unref, createTextVNode, toDisplayString, withCtx, createCommentVNode, vShow } from "vue";
+import { Tooltip } from "antdv-next";
+import { resolveDefaultValue } from "../utils/default-value.js";
+import { buildHostApi } from "../components/design-shared/host-api.js";
+import { resolveCellComponent } from "./fields/index.js";
+import EmbeddedListField from "./fields/embedded-list-field.vue.js";
+import { buildConditionScope, evalCellCondition, computeConditionDebug, isConditionHidden } from "./cell-condition.js";
+import { computeDerivedFills } from "./derived-express.js";
+const _hoisted_1 = { class: "design-form-table-wrapper" };
+const _hoisted_2 = {
+  key: 0,
+  class: "form-table"
+};
+const _hoisted_3 = ["rowspan", "colspan", "title"];
+const _hoisted_4 = {
+  key: 0,
+  class: "cell-cond-body"
+};
+const _hoisted_5 = {
+  key: 2,
+  class: "cell-text"
+};
+const _hoisted_6 = {
+  key: 3,
+  class: "field-cell"
+};
+const _hoisted_7 = {
+  key: 1,
+  class: "form-table-empty"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "DesignFormInner" },
+  __name: "design-form-inner",
+  props: {
+    gridConfig: { default: void 0 },
+    labelWidth: { default: 150 },
+    source: { default: void 0 },
+    pfield: { default: "id" },
+    extraParams: { default: () => ({}) },
+    category: { default: "" }
+  },
+  emits: ["data-change", "derived-change", "condition-change"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const fieldHostApi = buildHostApi();
+    const emit = __emit;
+    const formData = reactive({});
+    const derivedValues = reactive({});
+    function initFormData() {
+      var _a, _b;
+      const cells = ((_a = props.gridConfig) == null ? void 0 : _a.cells) ?? [];
+      for (const cell of cells) {
+        if (!cell.name) continue;
+        if (!(cell.name in formData)) {
+          const dv = resolveDefaultValue(cell);
+          formData[cell.name] = dv === void 0 ? void 0 : dv;
+        }
+      }
+      const derived = ((_b = props.gridConfig) == null ? void 0 : _b.derivedFieldList) ?? [];
+      for (const d of derived) {
+        if (d.name && !(d.name in derivedValues)) {
+          derivedValues[d.name] = void 0;
+        }
+      }
+    }
+    initFormData();
+    const cellByName = /* @__PURE__ */ new Map();
+    function buildCellMap() {
+      var _a;
+      cellByName.clear();
+      for (const cell of ((_a = props.gridConfig) == null ? void 0 : _a.cells) ?? []) {
+        if (cell.name) cellByName.set(cell.name, cell);
+      }
+    }
+    watch(() => props.gridConfig, () => buildCellMap(), { immediate: true });
+    const NON_OPTION_TYPES = /* @__PURE__ */ new Set([
+      "text",
+      "date",
+      "time",
+      "switch",
+      "file",
+      "image",
+      "fj",
+      "json",
+      "color",
+      "area",
+      "my"
+    ]);
+    function setFieldValue(name, val) {
+      var _a;
+      formData[name] = val;
+      const cell = cellByName.get(name);
+      if (((_a = cell == null ? void 0 : cell.deriveTo) == null ? void 0 : _a.length) && NON_OPTION_TYPES.has(cell.type ?? "")) {
+        const derived = {};
+        for (const dt of cell.deriveTo) {
+          derived[dt.field] = val;
+        }
+        applyDerived(derived);
+      }
+    }
+    function applyDerived(values) {
+      Object.assign(derivedValues, values);
+    }
+    let applyingDerivedExpr = false;
+    function applyDerivedExpressions() {
+      var _a;
+      if (applyingDerivedExpr) return;
+      applyingDerivedExpr = true;
+      try {
+        for (const fill of computeDerivedFills((_a = props.gridConfig) == null ? void 0 : _a.cells, formData, derivedValues)) {
+          setFieldValue(fill.name, fill.value);
+        }
+      } finally {
+        applyingDerivedExpr = false;
+      }
+    }
+    watch(derivedValues, () => applyDerivedExpressions(), { deep: true });
+    const conditionScope = computed(
+      () => buildConditionScope(derivedValues)
+    );
+    const conditionMap = computed(() => {
+      var _a, _b, _c;
+      const map = /* @__PURE__ */ new Map();
+      for (const cell of ((_a = props.gridConfig) == null ? void 0 : _a.cells) ?? []) {
+        if (!((_b = cell == null ? void 0 : cell.vif) == null ? void 0 : _b.trim()) && !((_c = cell == null ? void 0 : cell.vshow) == null ? void 0 : _c.trim())) continue;
+        map.set(`${cell.row}-${cell.col}`, evalCellCondition(cell, conditionScope.value));
+      }
+      return map;
+    });
+    const CONDITION_PASS = { render: true, show: true };
+    function cellCondition(cell) {
+      return conditionMap.value.get(`${cell.row}-${cell.col}`) ?? CONDITION_PASS;
+    }
+    function isCellHidden(cell) {
+      return isConditionHidden(cellCondition(cell));
+    }
+    function cellHiddenTip(cell) {
+      const result = cellCondition(cell);
+      const parts = [];
+      if (!result.render && cell.vif) parts.push(`渲染条件不满足：${cell.vif}`);
+      if (!result.show && cell.vshow) parts.push(`显示条件不满足：${cell.vshow}`);
+      if (result.error) parts.push(`表达式求值异常（已按不隐藏处理）：${result.error}`);
+      return `${parts.length > 0 ? parts.join("；") : "条件不满足"}（本格隐藏，占位保留）`;
+    }
+    const conditionDebugItems = computed(
+      () => {
+        var _a;
+        return computeConditionDebug((_a = props.gridConfig) == null ? void 0 : _a.cells, conditionScope.value);
+      }
+    );
+    watch(
+      conditionDebugItems,
+      (items) => {
+        emit("condition-change", { scope: { ...conditionScope.value }, items });
+      },
+      { immediate: true }
+    );
+    const PICK_LOCK_TYPES = /* @__PURE__ */ new Set([
+      "select",
+      "radio",
+      "checkbox",
+      "switch",
+      "date",
+      "time",
+      "tree",
+      "org-select",
+      "orgs-select"
+    ]);
+    function hasValue(val) {
+      return val !== void 0 && val !== null && val !== "";
+    }
+    const editing = computed(() => {
+      const src = props.source;
+      if (!src) return false;
+      const pk = props.pfield || "id";
+      return hasValue(src[pk]);
+    });
+    function isCellDisabled(cell) {
+      if (cell.readonly === "2") return true;
+      if (cell.readonly !== "1") return false;
+      const name = cell.name;
+      if (!name) return false;
+      const val = formData[name] ?? derivedValues[name];
+      if (PICK_LOCK_TYPES.has(cell.type ?? "")) {
+        return hasValue(val);
+      }
+      return editing.value;
+    }
+    watch(
+      derivedValues,
+      (dv) => {
+        emit("derived-change", { ...dv });
+      },
+      { deep: true }
+    );
+    provide("derivedValues", derivedValues);
+    provide("formData", formData);
+    const masterSnapshot = computed(() => ({ ...derivedValues, ...formData }));
+    watch(
+      () => props.source,
+      (newVal) => {
+        if (newVal) {
+          for (const key of Object.keys(newVal)) {
+            setFieldValue(key, newVal[key]);
+          }
+        }
+      },
+      { immediate: true }
+    );
+    watch(
+      () => ({ ...formData }),
+      (values) => {
+        emit("data-change", { ...values });
+      },
+      { deep: true }
+    );
+    function getSubmitValues() {
+      var _a;
+      const derived = ((_a = props.gridConfig) == null ? void 0 : _a.derivedFieldList) ?? [];
+      const persist = {};
+      for (const d of derived) {
+        if (d.name && d.persist !== false) {
+          persist[d.name] = derivedValues[d.name];
+        }
+      }
+      return { ...formData, ...persist };
+    }
+    const formApi = {
+      getValues: getSubmitValues,
+      setValues: (values) => {
+        for (const key of Object.keys(values)) {
+          setFieldValue(key, values[key]);
+        }
+      },
+      resetForm: () => {
+        var _a, _b;
+        const cells = ((_a = props.gridConfig) == null ? void 0 : _a.cells) ?? [];
+        for (const cell of cells) {
+          if (cell.name) formData[cell.name] = void 0;
+        }
+        const derived = ((_b = props.gridConfig) == null ? void 0 : _b.derivedFieldList) ?? [];
+        for (const d of derived) {
+          if (d.name) derivedValues[d.name] = void 0;
+        }
+      },
+      form: { values: formData },
+      /** 派生字段值空间（开发模式调试用） */
+      derivedValues
+    };
+    __expose({ formApi, isCellHidden });
+    function buildTable() {
+      var _a, _b, _c, _d;
+      const config = props.gridConfig;
+      if (!config || config.cells.length === 0) {
+        return { colWidths: [], rowHeights: [], rows: [] };
+      }
+      const { cells, totalRow, totalCol, colWidths, rowHeights: rh } = config;
+      const cellMap = /* @__PURE__ */ new Map();
+      for (const c of cells) {
+        let colSpan = c.mergeColCount || ((_a = c.style) == null ? void 0 : _a.mergeColCount) || 1;
+        const rowSpan = c.mergeRowCount || ((_b = c.style) == null ? void 0 : _b.mergeRowCount) || 1;
+        if (c.type === "splitline" && !c.mergeColCount && !((_c = c.style) == null ? void 0 : _c.mergeColCount)) {
+          colSpan = totalCol;
+        }
+        if (c.type === "embedded-list" && !c.mergeColCount && !((_d = c.style) == null ? void 0 : _d.mergeColCount)) {
+          colSpan = Math.max(1, totalCol - (c.col || 0));
+        }
+        cellMap.set(`${c.row}-${c.col}`, { ...c, colSpan, rowSpan });
+      }
+      const occupied = /* @__PURE__ */ new Set();
+      const rows = [];
+      for (let r = 0; r < totalRow; r++) {
+        const row = [];
+        for (let col = 0; col < totalCol; col++) {
+          if (occupied.has(`${r}-${col}`)) continue;
+          const cell = cellMap.get(`${r}-${col}`);
+          if (cell) {
+            for (let dr = 0; dr < cell.rowSpan; dr++) {
+              for (let dc = 0; dc < cell.colSpan; dc++) {
+                if (dr === 0 && dc === 0) continue;
+                occupied.add(`${r + dr}-${col + dc}`);
+              }
+            }
+            row.push(cell);
+          } else {
+            row.push({
+              row: r,
+              col,
+              title: "",
+              colSpan: 1,
+              rowSpan: 1
+            });
+          }
+        }
+        if (row.length > 0) rows.push(row);
+      }
+      return { colWidths, rowHeights: rh, rows };
+    }
+    const tableData = reactive(buildTable());
+    watch(
+      () => props.gridConfig,
+      () => {
+        const data = buildTable();
+        tableData.colWidths = data.colWidths;
+        tableData.rowHeights = data.rowHeights;
+        tableData.rows = data.rows;
+      }
+    );
+    function tdStyle(cell) {
+      const style = {};
+      const s = cell.style;
+      if (!s) return style;
+      if (s.fontColor) style.color = s.fontColor;
+      if (s.fontSize) style.fontSize = `${s.fontSize}px`;
+      if (s.fontFamily) style.fontFamily = s.fontFamily;
+      if (s.bold) style.fontWeight = "bold";
+      if (s.italic) style.fontStyle = "italic";
+      if (s.underline) style.textDecoration = "underline";
+      if (s.strikethrough) style.textDecoration = "line-through";
+      if (s.bgColor) style.backgroundColor = s.bgColor;
+      const border = s.border;
+      if (border) {
+        if (border.t) style.borderTop = `${border.t.s}px solid ${border.t.cl.rgb}`;
+        if (border.r)
+          style.borderRight = `${border.r.s}px solid ${border.r.cl.rgb}`;
+        if (border.b)
+          style.borderBottom = `${border.b.s}px solid ${border.b.cl.rgb}`;
+        if (border.l) style.borderLeft = `${border.l.s}px solid ${border.l.cl.rgb}`;
+      }
+      return style;
+    }
+    function tdClass(cell) {
+      if (cell.type === "splitline") return "form-td-splitline";
+      if (cell.type === "embedded-list") return "form-td-embedded-list";
+      if (!cell.name) return "form-td-label";
+      return "form-td-field";
+    }
+    function getRowStyle(row, ri) {
+      const hasEmbedded = row.some((c) => c.type === "embedded-list");
+      if (hasEmbedded) return {};
+      const h = tableData.rowHeights[ri];
+      return h ? { height: `${h}px` } : {};
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        tableData.rows.length > 0 ? (openBlock(), createElementBlock("table", _hoisted_2, [
+          createElementVNode("colgroup", null, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(tableData.colWidths, (w, i) => {
+              return openBlock(), createElementBlock("col", {
+                key: i,
+                style: normalizeStyle({ width: w + "px" })
+              }, null, 4);
+            }), 128))
+          ]),
+          createElementVNode("tbody", null, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(tableData.rows, (row, ri) => {
+              return openBlock(), createElementBlock("tr", {
+                key: ri,
+                style: normalizeStyle(getRowStyle(row, ri))
+              }, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(row, (cell, ci) => {
+                  return openBlock(), createElementBlock("td", {
+                    key: ci,
+                    rowspan: cell.rowSpan || 1,
+                    colspan: cell.colSpan || 1,
+                    style: normalizeStyle(tdStyle(cell)),
+                    class: normalizeClass([
+                      tdClass(cell),
+                      { "form-td-required": cell.isneed === "1" && !isCellHidden(cell) }
+                    ]),
+                    title: cell.title || void 0
+                  }, [
+                    cellCondition(cell).render ? withDirectives((openBlock(), createElementBlock("div", _hoisted_4, [
+                      cell.type === "splitline" ? (openBlock(), createBlock(resolveDynamicComponent(unref(resolveCellComponent)(cell)), {
+                        key: 0,
+                        cell
+                      }, null, 8, ["cell"])) : cell.type === "embedded-list" ? (openBlock(), createBlock(EmbeddedListField, {
+                        key: 1,
+                        cell,
+                        master: masterSnapshot.value,
+                        pfield: __props.pfield,
+                        "extra-params": __props.extraParams,
+                        category: __props.category
+                      }, null, 8, ["cell", "master", "pfield", "extra-params", "category"])) : !cell.name ? (openBlock(), createElementBlock("span", _hoisted_5, [
+                        createTextVNode(toDisplayString(cell.title) + " ", 1),
+                        cell.remark ? (openBlock(), createBlock(unref(Tooltip), {
+                          key: 0,
+                          title: cell.remark,
+                          placement: "top",
+                          "overlay-style": { maxWidth: "320px" }
+                        }, {
+                          default: withCtx(() => [..._cache[0] || (_cache[0] = [
+                            createElementVNode("span", { class: "cell-remark" }, "?", -1)
+                          ])]),
+                          _: 1
+                        }, 8, ["title"])) : createCommentVNode("", true)
+                      ])) : (openBlock(), createElementBlock("div", _hoisted_6, [
+                        (openBlock(), createBlock(resolveDynamicComponent(unref(resolveCellComponent)(cell)), {
+                          "model-value": cell.name ? formData[cell.name] ?? derivedValues[cell.name] : void 0,
+                          cell,
+                          disabled: isCellDisabled(cell),
+                          api: unref(fieldHostApi),
+                          comname: cell.comname,
+                          host: "form",
+                          params: __props.extraParams,
+                          "onUpdate:modelValue": (val) => {
+                            if (cell.name) setFieldValue(cell.name, val);
+                          },
+                          "onUpdate:derived": applyDerived
+                        }, null, 40, ["model-value", "cell", "disabled", "api", "comname", "params", "onUpdate:modelValue"])),
+                        cell.remark ? (openBlock(), createBlock(unref(Tooltip), {
+                          key: 0,
+                          title: cell.remark,
+                          placement: "top",
+                          "overlay-style": { maxWidth: "320px" }
+                        }, {
+                          default: withCtx(() => [..._cache[1] || (_cache[1] = [
+                            createElementVNode("span", { class: "cell-remark" }, "?", -1)
+                          ])]),
+                          _: 1
+                        }, 8, ["title"])) : createCommentVNode("", true)
+                      ]))
+                    ], 512)), [
+                      [vShow, cellCondition(cell).show]
+                    ]) : createCommentVNode("", true),
+                    isCellHidden(cell) ? (openBlock(), createBlock(unref(Tooltip), {
+                      key: 1,
+                      title: cellHiddenTip(cell),
+                      placement: "top",
+                      "overlay-style": { maxWidth: "320px" }
+                    }, {
+                      default: withCtx(() => [..._cache[2] || (_cache[2] = [
+                        createElementVNode("span", { class: "cell-cond-hidden" }, "无需编辑", -1)
+                      ])]),
+                      _: 1
+                    }, 8, ["title"])) : createCommentVNode("", true)
+                  ], 14, _hoisted_3);
+                }), 128))
+              ], 4);
+            }), 128))
+          ])
+        ])) : (openBlock(), createElementBlock("div", _hoisted_7, "暂无表单配置"))
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

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