@epxing/business 0.0.0-stage → 5.3.0-beta.2

package/dist/src/base/entity-view-config/RelationPanel.js

@@ -0,0 +1,779 @@
+import '../../../style.css';
+import { valueFnLabel, dataSourceLabel, parseFormulaTokens } from "./constants.js";
+import SourceManagerDialog from "./SourceManagerDialog.js";
+import { resolveComponent, openBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, withCtx, createCommentVNode, toDisplayString, Fragment, renderList, normalizeClass, createBlock, withModifiers } from "vue";
+/* empty css                  */
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx-base-entity-view-config-relation-panel",
+  components: {
+    [SourceManagerDialog.name]: SourceManagerDialog
+  },
+  props: {
+    viewId: {
+      type: String,
+      default: ""
+    },
+    // 视图所属业务系统编码（保存「前 N 条」时透传）
+    system: {
+      type: String,
+      default: ""
+    },
+    mainMeta: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    sources: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    // 聚合对象（UNION ALL 分支）[{ id, code, metaId, metaName, metaCode }]
+    unions: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    // 各聚合对象的列映射：unionId -> FM_VIEW_UNION_FIELD data 数组
+    unionMappingsMap: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    // 全部关联源（含聚合段），解析分支映射的来源字段名用
+    allSources: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    candidatesMap: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    fields: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    metaFieldsMap: {
+      type: Object,
+      default() {
+        return {};
+      }
+    }
+  },
+  data() {
+    return {
+      sourceManagerVisible: false,
+      topNVisible: false,
+      topNSaving: false,
+      // source=正在编辑的关联源（enrichedSources 条目），n=条数，keys=排序键 [{field, dir}]
+      topNForm: { source: null, n: void 0, keys: [] }
+    };
+  },
+  computed: {
+    mainFields() {
+      return this.fields.filter((field) => field.DATA_SOURCE === "field" && !field.SOURCE_CODE);
+    },
+    topNFieldOptions() {
+      const source = this.topNForm.source;
+      return source ? this.metaFieldsMap[source.metaId] || [] : [];
+    },
+    sourceGroups() {
+      return this.sources.map((source) => ({
+        ...source,
+        fields: this.fields.filter((field) => field.DATA_SOURCE === "field" && field.SOURCE_CODE === source.code)
+      }));
+    },
+    derivedFields() {
+      return this.fields.filter((field) => field.DATA_SOURCE === "formula" || field.DATA_SOURCE === "fixed");
+    }
+  },
+  methods: {
+    dataSourceLabel,
+    valueFnLabel,
+    requestOptions() {
+      return this.system ? { system: this.system } : {};
+    },
+    openTopN(group) {
+      let keys = [];
+      try {
+        const parsed = JSON.parse(group.topOrder || "[]");
+        if (Array.isArray(parsed)) {
+          keys = parsed.filter((item) => item && item.field).map((item) => ({ field: item.field, dir: /desc/i.test(item.dir) ? "desc" : "asc" }));
+        }
+      } catch (e) {
+        keys = [];
+      }
+      if (!keys.length) keys = [{ field: "", dir: "desc" }];
+      this.topNForm = {
+        source: group,
+        n: group.topN ? Number(group.topN) : void 0,
+        keys
+      };
+      if (!this.metaFieldsMap[group.metaId]) this.$emit("load-meta-fields", group.metaId);
+      this.topNVisible = true;
+    },
+    async saveTopN(clear) {
+      const source = this.topNForm.source;
+      if (!source) return;
+      let topN = "";
+      let topOrder = "";
+      if (!clear) {
+        const n = Number(this.topNForm.n);
+        if (!Number.isInteger(n) || n <= 0) {
+          this.$message.error("条数 N 必须是正整数");
+          return;
+        }
+        const keys = this.topNForm.keys.filter((key) => key.field);
+        if (!keys.length) {
+          this.$message.error("请至少配置一个排序键（否则无法确定前 N 条）");
+          return;
+        }
+        topN = String(n);
+        topOrder = JSON.stringify(keys.map((key) => ({ field: key.field, dir: key.dir === "desc" ? "desc" : "asc" })));
+      }
+      this.topNSaving = true;
+      try {
+        await this.$http.$post({
+          entityId: "FM_VIEW_SOURCE",
+          action: "save",
+          "bean.ID": source.id,
+          "bean.ENTITY_ID": this.viewId,
+          "bean.OWNER_CODE": source.rawOwnerCode || "",
+          "bean.SOURCE_CODE": source.code,
+          "bean.SOURCE_META_ID": source.metaId,
+          "bean.REL_FLAG": source.flag,
+          "bean.SOURCE_NAME": source.rawName || "",
+          "bean.AGG_SCOPE": source.aggScope || "",
+          "bean.TOP_N": topN,
+          "bean.TOP_ORDER": topOrder
+        }, this.requestOptions());
+        this.$message.success(clear ? "已清除「前 N 条」限定" : "「前 N 条」限定已保存");
+        this.topNVisible = false;
+        this.$emit("change");
+      } catch (error) {
+        this.$message.error(error.message || "保存失败");
+      } finally {
+        this.topNSaving = false;
+      }
+    },
+    metaFieldLabel(metaId, attrId) {
+      const field = (this.metaFieldsMap[metaId] || []).find((item) => item.id === attrId || item.name === attrId);
+      return field ? field.label : attrId;
+    },
+    unionMappings(union) {
+      return this.unionMappingsMap[union.id] || [];
+    },
+    // 分支卡片自身内容：自身字段映射 + 固定值/公式（关联源映射单独成卡）
+    unionSelfMappings(union) {
+      return this.unionMappings(union).filter((mapping) => (mapping.DATA_SOURCE || "field") !== "field" || !mapping.SOURCE_CODE);
+    },
+    // 分支的关联源分组：来自各关联源的字段映射，按源聚成卡
+    unionSourceGroups(union) {
+      const groups = [];
+      this.unionMappings(union).forEach((mapping) => {
+        if ((mapping.DATA_SOURCE || "field") !== "field" || !mapping.SOURCE_CODE) return;
+        let group = groups.find((item) => item.code === mapping.SOURCE_CODE);
+        if (!group) {
+          const source = this.allSources.find((item) => item.code === mapping.SOURCE_CODE);
+          group = {
+            // 铺开源记录：一对多源的「前 N 条」编辑需要 id/topN/topOrder/flag 等完整信息
+            ...source || {},
+            code: mapping.SOURCE_CODE,
+            name: source ? source.name : mapping.SOURCE_CODE,
+            metaId: source ? source.metaId : "",
+            metaCode: source ? source.metaCode : "",
+            relType: source ? source.relType : "",
+            relTypeLabel: source && source.relTypeLabel || "关联",
+            title: source ? source.title || source.flag : "",
+            mappings: []
+          };
+          groups.push(group);
+        }
+        group.mappings.push(mapping);
+      });
+      return groups;
+    },
+    colName(code) {
+      const field = this.fields.find((item) => item.CODE === code);
+      return field && field.NAME || code;
+    },
+    mappingIcon(mapping) {
+      if (mapping.DATA_SOURCE === "fixed") return "el-icon-price-tag";
+      if (mapping.DATA_SOURCE === "formula") return "el-icon-edit-outline";
+      return "el-icon-tickets";
+    },
+    // 分支卡片行来源描述：自身字段、固定值或公式
+    mappingSourceText(union, mapping) {
+      if (mapping.DATA_SOURCE === "fixed") return `= ${mapping.FIXED_VALUE}`;
+      if (mapping.DATA_SOURCE === "formula") return mapping.FORMULA || "公式";
+      return mapping.SOURCE_FIELD ? this.metaFieldLabel(union.metaId, mapping.SOURCE_FIELD) : mapping.SOURCE_EXPR || "—";
+    },
+    groupFieldText(group, mapping) {
+      return mapping.SOURCE_FIELD ? this.metaFieldLabel(group.metaId, mapping.SOURCE_FIELD) : mapping.SOURCE_EXPR || "—";
+    },
+    formulaRefs(field) {
+      return parseFormulaTokens(field.FORMULA).map((token) => {
+        if (token.code) {
+          const target = this.fields.find((item) => item.CODE === token.code);
+          if (target) return target.NAME;
+          return `${this.mainMeta.name || "主对象"}.${this.metaFieldLabel(this.mainMeta.id, token.code)}`;
+        }
+        if (token.source === "MAIN") {
+          return `${this.mainMeta.name || "主对象"}.${this.metaFieldLabel(this.mainMeta.id, token.field)}`;
+        }
+        const source = this.sources.find((item) => item.code === token.source);
+        return source ? `${source.name}.${this.metaFieldLabel(source.metaId, token.field)}` : `${token.source}.${token.field}`;
+      });
+    }
+  }
+};
+const _hoisted_1 = { class: "relation-panel" };
+const _hoisted_2 = { class: "relation-panel__title" };
+const _hoisted_3 = { class: "relation-panel__legend" };
+const _hoisted_4 = {
+  key: 0,
+  class: "relation-panel__lg"
+};
+const _hoisted_5 = { class: "relation-panel__body" };
+const _hoisted_6 = { class: "relation-panel__er" };
+const _hoisted_7 = { class: "relation-panel__entity is-main" };
+const _hoisted_8 = { class: "relation-panel__ent-head is-main" };
+const _hoisted_9 = { class: "relation-panel__ent-name" };
+const _hoisted_10 = { class: "relation-panel__ent-code" };
+const _hoisted_11 = { class: "relation-panel__ent-fields" };
+const _hoisted_12 = {
+  key: 0,
+  class: "relation-panel__ent-empty"
+};
+const _hoisted_13 = { class: "relation-panel__field-as" };
+const _hoisted_14 = { class: "relation-panel__rels" };
+const _hoisted_15 = { class: "relation-panel__connector" };
+const _hoisted_16 = { class: "relation-panel__conn-key" };
+const _hoisted_17 = { class: "relation-panel__entity is-rel" };
+const _hoisted_18 = { class: "relation-panel__ent-head is-rel" };
+const _hoisted_19 = { class: "relation-panel__ent-name" };
+const _hoisted_20 = { class: "relation-panel__ent-code" };
+const _hoisted_21 = { class: "relation-panel__ent-fields" };
+const _hoisted_22 = {
+  key: 0,
+  class: "relation-panel__ent-empty"
+};
+const _hoisted_23 = {
+  key: 0,
+  class: "relation-panel__field-fn"
+};
+const _hoisted_24 = { class: "relation-panel__field-as" };
+const _hoisted_25 = { class: "relation-panel__union-head" };
+const _hoisted_26 = { class: "relation-panel__union-pill" };
+const _hoisted_27 = { class: "relation-panel__er" };
+const _hoisted_28 = { class: "relation-panel__entity is-union" };
+const _hoisted_29 = { class: "relation-panel__ent-head is-union" };
+const _hoisted_30 = { class: "relation-panel__ent-name" };
+const _hoisted_31 = { class: "relation-panel__ent-code" };
+const _hoisted_32 = { class: "relation-panel__ent-fields" };
+const _hoisted_33 = {
+  key: 0,
+  class: "relation-panel__ent-empty"
+};
+const _hoisted_34 = ["title"];
+const _hoisted_35 = {
+  key: 0,
+  class: "relation-panel__field-fn"
+};
+const _hoisted_36 = ["title"];
+const _hoisted_37 = { class: "relation-panel__rels" };
+const _hoisted_38 = { class: "relation-panel__connector" };
+const _hoisted_39 = { class: "relation-panel__conn-key" };
+const _hoisted_40 = { class: "relation-panel__entity is-rel" };
+const _hoisted_41 = { class: "relation-panel__ent-head is-rel" };
+const _hoisted_42 = { class: "relation-panel__ent-name" };
+const _hoisted_43 = { class: "relation-panel__ent-code" };
+const _hoisted_44 = { class: "relation-panel__ent-fields" };
+const _hoisted_45 = { class: "relation-panel__field-src" };
+const _hoisted_46 = {
+  key: 0,
+  class: "relation-panel__field-fn"
+};
+const _hoisted_47 = ["title"];
+const _hoisted_48 = {
+  key: 0,
+  class: "relation-panel__derived"
+};
+const _hoisted_49 = { class: "relation-panel__derived-list" };
+const _hoisted_50 = { class: "relation-panel__derived-row" };
+const _hoisted_51 = { class: "relation-panel__derived-name" };
+const _hoisted_52 = { class: "relation-panel__derived-expr" };
+const _hoisted_53 = {
+  key: 0,
+  class: "relation-panel__ref-row"
+};
+const _hoisted_54 = ["onClick"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_button = resolveComponent("el-button");
+  const _component_el_input_number = resolveComponent("el-input-number");
+  const _component_el_form_item = resolveComponent("el-form-item");
+  const _component_el_option = resolveComponent("el-option");
+  const _component_el_select = resolveComponent("el-select");
+  const _component_el_form = resolveComponent("el-form");
+  const _component_el_dialog = resolveComponent("el-dialog");
+  const _component_epx_base_entity_view_config_source_manager_dialog = resolveComponent("epx-base-entity-view-config-source-manager-dialog");
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    createElementVNode("div", _hoisted_2, [
+      _cache[16] || (_cache[16] = createElementVNode("span", { class: "relation-panel__title-bar" }, null, -1)),
+      _cache[17] || (_cache[17] = createTextVNode("数据关系 ", -1)),
+      _cache[18] || (_cache[18] = createElementVNode("span", { class: "relation-panel__title-sub" }, "展示视图数据来源于哪些对象的字段，以及关联是如何建立的", -1)),
+      createVNode(_component_el_button, {
+        type: "primary",
+        plain: "",
+        size: "small",
+        icon: "el-icon-connection",
+        class: "relation-panel__manage",
+        onClick: _cache[0] || (_cache[0] = ($event) => $data.sourceManagerVisible = true)
+      }, {
+        default: withCtx(() => [..._cache[10] || (_cache[10] = [
+          createTextVNode("管理关联源", -1)
+        ])]),
+        _: 1
+      }),
+      createElementVNode("span", _hoisted_3, [
+        _cache[12] || (_cache[12] = createElementVNode("span", { class: "relation-panel__lg" }, [
+          createElementVNode("i", { class: "relation-panel__dot is-main" }),
+          createTextVNode("主对象")
+        ], -1)),
+        _cache[13] || (_cache[13] = createElementVNode("span", { class: "relation-panel__lg" }, [
+          createElementVNode("i", { class: "relation-panel__dot is-rel" }),
+          createTextVNode("关联对象")
+        ], -1)),
+        $props.unions.length ? (openBlock(), createElementBlock("span", _hoisted_4, [..._cache[11] || (_cache[11] = [
+          createElementVNode("i", { class: "relation-panel__dot is-union" }, null, -1),
+          createTextVNode("聚合对象", -1)
+        ])])) : createCommentVNode("", true),
+        _cache[14] || (_cache[14] = createElementVNode("span", { class: "relation-panel__lg" }, [
+          createElementVNode("i", { class: "relation-panel__line is-one" }),
+          createTextVNode("一对一 / 多对一")
+        ], -1)),
+        _cache[15] || (_cache[15] = createElementVNode("span", { class: "relation-panel__lg" }, [
+          createElementVNode("i", { class: "relation-panel__line is-many" }),
+          createTextVNode("一对多")
+        ], -1))
+      ])
+    ]),
+    createElementVNode("div", _hoisted_5, [
+      createElementVNode("div", _hoisted_6, [
+        createElementVNode("div", _hoisted_7, [
+          createElementVNode("div", _hoisted_8, [
+            _cache[19] || (_cache[19] = createElementVNode("span", { class: "relation-panel__ent-ic is-main" }, [
+              createElementVNode("i", { class: "el-icon-s-grid" })
+            ], -1)),
+            createElementVNode("div", _hoisted_9, [
+              createTextVNode(toDisplayString($props.mainMeta.name || "主对象") + " ", 1),
+              createElementVNode("span", _hoisted_10, toDisplayString($props.mainMeta.code), 1)
+            ]),
+            _cache[20] || (_cache[20] = createElementVNode("span", { class: "relation-panel__ent-badge is-main" }, "主对象", -1))
+          ]),
+          createElementVNode("div", _hoisted_11, [
+            $options.mainFields.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_12, "未选用字段")) : createCommentVNode("", true),
+            (openBlock(true), createElementBlock(Fragment, null, renderList($options.mainFields, (field) => {
+              return openBlock(), createElementBlock("div", {
+                key: field.ID,
+                class: "relation-panel__field"
+              }, [
+                _cache[21] || (_cache[21] = createElementVNode("i", { class: "el-icon-tickets" }, null, -1)),
+                createElementVNode("span", null, toDisplayString($options.metaFieldLabel($props.mainMeta.id, field.SOURCE_FIELD)), 1),
+                createElementVNode("span", _hoisted_13, "→ " + toDisplayString(field.CODE), 1)
+              ]);
+            }), 128))
+          ])
+        ]),
+        $options.sourceGroups.length ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+          _cache[25] || (_cache[25] = createElementVNode("div", { class: "relation-panel__trunk" }, [
+            createElementVNode("span")
+          ], -1)),
+          createElementVNode("div", _hoisted_14, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList($options.sourceGroups, (group) => {
+              return openBlock(), createElementBlock("div", {
+                key: group.code,
+                class: "relation-panel__rel-row"
+              }, [
+                createElementVNode("div", _hoisted_15, [
+                  createElementVNode("span", {
+                    class: normalizeClass(["relation-panel__conn-line", group.relType === "1" ? "is-many" : "is-one"])
+                  }, null, 2),
+                  createElementVNode("span", {
+                    class: normalizeClass(["relation-panel__rel-badge", group.relType === "1" ? "is-many" : "is-one"])
+                  }, toDisplayString(group.relTypeLabel), 3),
+                  createElementVNode("span", _hoisted_16, "关联：" + toDisplayString(group.title || group.flag), 1)
+                ]),
+                createElementVNode("div", _hoisted_17, [
+                  createElementVNode("div", _hoisted_18, [
+                    _cache[23] || (_cache[23] = createElementVNode("span", { class: "relation-panel__ent-ic is-rel" }, [
+                      createElementVNode("i", { class: "el-icon-link" })
+                    ], -1)),
+                    createElementVNode("div", _hoisted_19, [
+                      createTextVNode(toDisplayString(group.name) + " ", 1),
+                      createElementVNode("span", _hoisted_20, toDisplayString(group.code), 1)
+                    ]),
+                    createElementVNode("span", {
+                      class: normalizeClass(["relation-panel__ent-badge", group.relType === "1" ? "is-many" : "is-one"])
+                    }, toDisplayString(group.relTypeLabel), 3),
+                    group.relType === "1" && group.id ? (openBlock(), createBlock(_component_el_button, {
+                      key: 0,
+                      type: "primary",
+                      link: "",
+                      size: "small",
+                      class: "relation-panel__topn-btn",
+                      title: group.topN ? "已限定为前 N 条，点击修改" : "限定聚合只取每行排序后的前 N 条子记录",
+                      onClick: withModifiers(($event) => $options.openTopN(group), ["stop"])
+                    }, {
+                      default: withCtx(() => [
+                        _cache[22] || (_cache[22] = createElementVNode("i", { class: "el-icon-timer" }, null, -1)),
+                        createTextVNode(toDisplayString(group.topN ? `前${group.topN}条` : "前N条"), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["title", "onClick"])) : createCommentVNode("", true)
+                  ]),
+                  createElementVNode("div", _hoisted_21, [
+                    group.fields.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_22, "未选用字段")) : createCommentVNode("", true),
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(group.fields, (field) => {
+                      return openBlock(), createElementBlock("div", {
+                        key: field.ID,
+                        class: "relation-panel__field"
+                      }, [
+                        _cache[24] || (_cache[24] = createElementVNode("i", { class: "el-icon-tickets" }, null, -1)),
+                        createElementVNode("span", null, toDisplayString(field.SOURCE_FIELD ? $options.metaFieldLabel(group.metaId, field.SOURCE_FIELD) : field.SOURCE_EXPR), 1),
+                        field.VALUE_FN ? (openBlock(), createElementBlock("span", _hoisted_23, toDisplayString($options.valueFnLabel(field.VALUE_FN)), 1)) : createCommentVNode("", true),
+                        createElementVNode("span", _hoisted_24, "→ " + toDisplayString(field.CODE), 1)
+                      ]);
+                    }), 128))
+                  ])
+                ])
+              ]);
+            }), 128))
+          ])
+        ], 64)) : createCommentVNode("", true)
+      ]),
+      (openBlock(true), createElementBlock(Fragment, null, renderList($props.unions, (union) => {
+        return openBlock(), createElementBlock("div", {
+          key: union.id,
+          class: "relation-panel__union-section"
+        }, [
+          createElementVNode("div", _hoisted_25, [
+            _cache[27] || (_cache[27] = createElementVNode("span", { class: "relation-panel__title-bar is-union" }, null, -1)),
+            createTextVNode(" 聚合对象数据来源 · " + toDisplayString(union.metaName) + " ", 1),
+            createElementVNode("span", _hoisted_26, [
+              _cache[26] || (_cache[26] = createElementVNode("i", { class: "el-icon-sort" }, null, -1)),
+              createTextVNode("与主段「" + toDisplayString($props.mainMeta.name || "主对象") + "」按 UNION ALL 合并 · 分支编号 ", 1),
+              createElementVNode("code", null, toDisplayString(union.code), 1)
+            ])
+          ]),
+          createElementVNode("div", _hoisted_27, [
+            createElementVNode("div", _hoisted_28, [
+              createElementVNode("div", _hoisted_29, [
+                _cache[28] || (_cache[28] = createElementVNode("span", { class: "relation-panel__ent-ic is-union" }, [
+                  createElementVNode("i", { class: "el-icon-copy-document" })
+                ], -1)),
+                createElementVNode("div", _hoisted_30, [
+                  createTextVNode(toDisplayString(union.metaName) + " ", 1),
+                  createElementVNode("span", _hoisted_31, toDisplayString(union.metaCode || union.code), 1)
+                ]),
+                _cache[29] || (_cache[29] = createElementVNode("span", { class: "relation-panel__ent-badge is-union" }, "聚合对象", -1))
+              ]),
+              createElementVNode("div", _hoisted_32, [
+                $options.unionSelfMappings(union).length === 0 ? (openBlock(), createElementBlock("div", _hoisted_33, "未配置列映射（各列输出 NULL）")) : createCommentVNode("", true),
+                (openBlock(true), createElementBlock(Fragment, null, renderList($options.unionSelfMappings(union), (mapping) => {
+                  return openBlock(), createElementBlock("div", {
+                    key: mapping.ID,
+                    class: "relation-panel__field"
+                  }, [
+                    createElementVNode("i", {
+                      class: normalizeClass($options.mappingIcon(mapping))
+                    }, null, 2),
+                    createElementVNode("span", {
+                      class: "relation-panel__field-src",
+                      title: $options.mappingSourceText(union, mapping)
+                    }, toDisplayString($options.mappingSourceText(union, mapping)), 9, _hoisted_34),
+                    mapping.VALUE_FN ? (openBlock(), createElementBlock("span", _hoisted_35, toDisplayString($options.valueFnLabel(mapping.VALUE_FN)), 1)) : createCommentVNode("", true),
+                    createElementVNode("span", {
+                      class: "relation-panel__field-as",
+                      title: mapping.FIELD_CODE
+                    }, "→ " + toDisplayString($options.colName(mapping.FIELD_CODE)), 9, _hoisted_36)
+                  ]);
+                }), 128))
+              ])
+            ]),
+            $options.unionSourceGroups(union).length ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              _cache[33] || (_cache[33] = createElementVNode("div", { class: "relation-panel__trunk" }, [
+                createElementVNode("span")
+              ], -1)),
+              createElementVNode("div", _hoisted_37, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList($options.unionSourceGroups(union), (group) => {
+                  return openBlock(), createElementBlock("div", {
+                    key: group.code,
+                    class: "relation-panel__rel-row"
+                  }, [
+                    createElementVNode("div", _hoisted_38, [
+                      createElementVNode("span", {
+                        class: normalizeClass(["relation-panel__conn-line", group.relType === "1" ? "is-many" : "is-one"])
+                      }, null, 2),
+                      createElementVNode("span", {
+                        class: normalizeClass(["relation-panel__rel-badge", group.relType === "1" ? "is-many" : "is-one"])
+                      }, toDisplayString(group.relTypeLabel), 3),
+                      createElementVNode("span", _hoisted_39, "关联：" + toDisplayString(group.title || group.code), 1)
+                    ]),
+                    createElementVNode("div", _hoisted_40, [
+                      createElementVNode("div", _hoisted_41, [
+                        _cache[31] || (_cache[31] = createElementVNode("span", { class: "relation-panel__ent-ic is-rel" }, [
+                          createElementVNode("i", { class: "el-icon-link" })
+                        ], -1)),
+                        createElementVNode("div", _hoisted_42, [
+                          createTextVNode(toDisplayString(group.name) + " ", 1),
+                          createElementVNode("span", _hoisted_43, toDisplayString(group.metaCode || group.code), 1)
+                        ]),
+                        createElementVNode("span", {
+                          class: normalizeClass(["relation-panel__ent-badge", group.relType === "1" ? "is-many" : "is-one"])
+                        }, toDisplayString(group.relTypeLabel), 3),
+                        group.relType === "1" && group.id ? (openBlock(), createBlock(_component_el_button, {
+                          key: 0,
+                          type: "primary",
+                          link: "",
+                          size: "small",
+                          class: "relation-panel__topn-btn",
+                          title: group.topN ? "已限定为前 N 条，点击修改" : "限定聚合只取每行排序后的前 N 条子记录",
+                          onClick: withModifiers(($event) => $options.openTopN(group), ["stop"])
+                        }, {
+                          default: withCtx(() => [
+                            _cache[30] || (_cache[30] = createElementVNode("i", { class: "el-icon-timer" }, null, -1)),
+                            createTextVNode(toDisplayString(group.topN ? `前${group.topN}条` : "前N条"), 1)
+                          ]),
+                          _: 2
+                        }, 1032, ["title", "onClick"])) : createCommentVNode("", true)
+                      ]),
+                      createElementVNode("div", _hoisted_44, [
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(group.mappings, (mapping) => {
+                          return openBlock(), createElementBlock("div", {
+                            key: mapping.ID,
+                            class: "relation-panel__field"
+                          }, [
+                            _cache[32] || (_cache[32] = createElementVNode("i", { class: "el-icon-tickets" }, null, -1)),
+                            createElementVNode("span", _hoisted_45, toDisplayString($options.groupFieldText(group, mapping)), 1),
+                            mapping.VALUE_FN ? (openBlock(), createElementBlock("span", _hoisted_46, toDisplayString($options.valueFnLabel(mapping.VALUE_FN)), 1)) : createCommentVNode("", true),
+                            createElementVNode("span", {
+                              class: "relation-panel__field-as",
+                              title: mapping.FIELD_CODE
+                            }, "→ " + toDisplayString($options.colName(mapping.FIELD_CODE)), 9, _hoisted_47)
+                          ]);
+                        }), 128))
+                      ])
+                    ])
+                  ]);
+                }), 128))
+              ])
+            ], 64)) : createCommentVNode("", true)
+          ])
+        ]);
+      }), 128)),
+      $options.derivedFields.length ? (openBlock(), createElementBlock("div", _hoisted_48, [
+        _cache[35] || (_cache[35] = createElementVNode("div", { class: "relation-panel__derived-title" }, [
+          createElementVNode("i", { class: "el-icon-edit-outline" }),
+          createTextVNode("派生字段（不直接来源于对象字段）")
+        ], -1)),
+        createElementVNode("div", _hoisted_49, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList($options.derivedFields, (field) => {
+            return openBlock(), createElementBlock("div", {
+              key: field.ID,
+              class: "relation-panel__derived-item"
+            }, [
+              createElementVNode("div", _hoisted_50, [
+                createElementVNode("span", {
+                  class: normalizeClass(["relation-panel__derived-tag", field.DATA_SOURCE === "formula" ? "is-formula" : "is-fixed"])
+                }, toDisplayString($options.dataSourceLabel(field.DATA_SOURCE)), 3),
+                createElementVNode("span", _hoisted_51, toDisplayString(field.NAME), 1),
+                createElementVNode("span", _hoisted_52, toDisplayString(field.DATA_SOURCE === "formula" ? field.FORMULA || "—" : `= ${field.FIXED_VALUE || "—"}`), 1)
+              ]),
+              $options.formulaRefs(field).length ? (openBlock(), createElementBlock("div", _hoisted_53, [
+                _cache[34] || (_cache[34] = createElementVNode("span", { class: "relation-panel__ref-label" }, [
+                  createElementVNode("i", { class: "el-icon-link" }),
+                  createTextVNode("引用")
+                ], -1)),
+                (openBlock(true), createElementBlock(Fragment, null, renderList($options.formulaRefs(field), (ref, index) => {
+                  return openBlock(), createElementBlock("span", {
+                    key: index,
+                    class: "relation-panel__ref-chip"
+                  }, toDisplayString(ref), 1);
+                }), 128))
+              ])) : createCommentVNode("", true)
+            ]);
+          }), 128))
+        ])
+      ])) : createCommentVNode("", true)
+    ]),
+    createVNode(_component_el_dialog, {
+      class: "dialog",
+      title: "前 N 条限定",
+      width: "480px",
+      modelValue: $data.topNVisible,
+      "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => $data.topNVisible = $event),
+      "append-to-body": ""
+    }, {
+      footer: withCtx(() => [
+        $data.topNForm.source && $data.topNForm.source.topN ? (openBlock(), createBlock(_component_el_button, {
+          key: 0,
+          type: "danger",
+          plain: "",
+          size: "small",
+          loading: $data.topNSaving,
+          onClick: _cache[3] || (_cache[3] = ($event) => $options.saveTopN(true))
+        }, {
+          default: withCtx(() => [..._cache[37] || (_cache[37] = [
+            createTextVNode("清除限定", -1)
+          ])]),
+          _: 1
+        }, 8, ["loading"])) : createCommentVNode("", true),
+        createVNode(_component_el_button, {
+          size: "small",
+          onClick: _cache[4] || (_cache[4] = ($event) => $data.topNVisible = false)
+        }, {
+          default: withCtx(() => [..._cache[38] || (_cache[38] = [
+            createTextVNode("取消", -1)
+          ])]),
+          _: 1
+        }),
+        createVNode(_component_el_button, {
+          type: "primary",
+          size: "small",
+          loading: $data.topNSaving,
+          onClick: _cache[5] || (_cache[5] = ($event) => $options.saveTopN(false))
+        }, {
+          default: withCtx(() => [..._cache[39] || (_cache[39] = [
+            createTextVNode("保存", -1)
+          ])]),
+          _: 1
+        }, 8, ["loading"])
+      ]),
+      default: withCtx(() => [
+        _cache[40] || (_cache[40] = createElementVNode("div", { class: "relation-panel__topn-tip" }, " 聚合前先按排序把每个归属行的子记录截取前 N 条。 需要数据库支持窗口函数。 ", -1)),
+        createVNode(_component_el_form, {
+          "label-position": "top",
+          size: "small"
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_el_form_item, {
+              label: "条数 N",
+              required: ""
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_el_input_number, {
+                  modelValue: $data.topNForm.n,
+                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => $data.topNForm.n = $event),
+                  min: 1,
+                  max: 9999,
+                  size: "small"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            createVNode(_component_el_form_item, {
+              label: "排序（决定前 N 条，可多键）",
+              required: ""
+            }, {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList($data.topNForm.keys, (key, index) => {
+                  return openBlock(), createElementBlock("div", {
+                    key: index,
+                    class: "relation-panel__topn-key"
+                  }, [
+                    createVNode(_component_el_select, {
+                      modelValue: key.field,
+                      "onUpdate:modelValue": ($event) => key.field = $event,
+                      size: "small",
+                      filterable: "",
+                      placeholder: "排序字段"
+                    }, {
+                      default: withCtx(() => [
+                        (openBlock(true), createElementBlock(Fragment, null, renderList($options.topNFieldOptions, (item) => {
+                          return openBlock(), createBlock(_component_el_option, {
+                            key: item.id,
+                            value: item.id,
+                            label: `${item.label}（${item.name}）`
+                          }, null, 8, ["value", "label"]);
+                        }), 128))
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue", "onUpdate:modelValue"]),
+                    createVNode(_component_el_select, {
+                      modelValue: key.dir,
+                      "onUpdate:modelValue": ($event) => key.dir = $event,
+                      size: "small",
+                      class: "relation-panel__topn-dir"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_option, {
+                          value: "desc",
+                          label: "降序（最新在前）"
+                        }),
+                        createVNode(_component_el_option, {
+                          value: "asc",
+                          label: "升序"
+                        })
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue", "onUpdate:modelValue"]),
+                    createElementVNode("i", {
+                      class: "el-icon-delete relation-panel__topn-del",
+                      onClick: ($event) => $data.topNForm.keys.splice(index, 1)
+                    }, null, 8, _hoisted_54)
+                  ]);
+                }), 128)),
+                createVNode(_component_el_button, {
+                  type: "primary",
+                  link: "",
+                  size: "small",
+                  icon: "el-icon-plus",
+                  onClick: _cache[2] || (_cache[2] = ($event) => $data.topNForm.keys.push({ field: "", dir: "desc" }))
+                }, {
+                  default: withCtx(() => [..._cache[36] || (_cache[36] = [
+                    createTextVNode(" 添加排序键 ", -1)
+                  ])]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["modelValue"]),
+    createVNode(_component_epx_base_entity_view_config_source_manager_dialog, {
+      visible: $data.sourceManagerVisible,
+      "onUpdate:visible": _cache[7] || (_cache[7] = ($event) => $data.sourceManagerVisible = $event),
+      "view-id": $props.viewId,
+      system: $props.system,
+      "main-meta": $props.mainMeta,
+      sources: $props.allSources,
+      unions: $props.unions,
+      "candidates-map": $props.candidatesMap,
+      fields: $props.fields,
+      "union-mappings-map": $props.unionMappingsMap,
+      "meta-fields-map": $props.metaFieldsMap,
+      onChange: _cache[8] || (_cache[8] = ($event) => _ctx.$emit("change")),
+      onLoadMetaFields: _cache[9] || (_cache[9] = ($event) => _ctx.$emit("load-meta-fields", $event))
+    }, null, 8, ["visible", "view-id", "system", "main-meta", "sources", "unions", "candidates-map", "fields", "union-mappings-map", "meta-fields-map"])
+  ]);
+}
+const RelationPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-da8ba7ff"]]);
+export {
+  RelationPanel as default
+};