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

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

@@ -0,0 +1,692 @@
+import '../../../style.css';
+import ObjectFieldDialog from "./ObjectFieldDialog.js";
+import FormulaDialog from "./FormulaDialog.js";
+import FieldPropForm from "./FieldPropForm.js";
+import { valueFnLabel, dataSourceLabel, mapViewType, uniqueFieldCode, FIELD_BEAN_KEYS, SQL_IDENTIFIER_RE, NUMERIC_DATA_TYPES, parseFormulaTokens, relTypeLabel } from "./constants.js";
+import { resolveComponent, openBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, withCtx, normalizeClass, toDisplayString, createCommentVNode, Fragment, renderList, withModifiers } from "vue";
+/* empty css               */
+/* empty css                */
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx-base-entity-view-config-field-panel",
+  components: {
+    [ObjectFieldDialog.name]: ObjectFieldDialog,
+    [FormulaDialog.name]: FormulaDialog,
+    [FieldPropForm.name]: FieldPropForm
+  },
+  props: {
+    viewId: String,
+    system: String,
+    fields: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    // 已登记源 [{ id, code, name, metaId, relType, flag }]
+    sources: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    // 主对象的关联候选（relationCandidates），添加字段弹窗展示全部可关联对象
+    candidates: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    mainMeta: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    metaFieldsMap: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    // 字段类型代码表（FM_DATA_TYPE）编号 -> 名称
+    dataTypeMap: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    // 字段类型代码表全量选项 [{ code, name }]
+    dataTypes: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    // 聚合对象（UNION ALL 分支）[{ id, code, metaId, metaName }]，字段列表展示分支映射角标用
+    unions: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    // 全部关联源（含聚合段），解析分支映射的来源字段名用
+    allSources: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    // 各聚合对象的列映射：unionId -> FM_VIEW_UNION_FIELD data 数组
+    unionMappingsMap: {
+      type: Object,
+      default() {
+        return {};
+      }
+    }
+  },
+  data() {
+    return {
+      selId: null,
+      work: null,
+      draft: null,
+      saving: false,
+      objectDialogVisible: false,
+      formulaVisible: false,
+      formulaTarget: "work"
+    };
+  },
+  computed: {
+    selected() {
+      return this.fields.find((field) => field.ID === this.selId) || null;
+    },
+    workDirty() {
+      if (!this.work || !this.selected) return false;
+      return FIELD_BEAN_KEYS.some((key) => (this.work[key] || "") !== (this.selected[key] || ""));
+    },
+    // 主对象 + 全部关联候选（未登记的候选在添加字段时自动登记关联源）
+    dialogGroups() {
+      const groups = [];
+      if (this.mainMeta.id) {
+        groups.push({
+          key: "main",
+          sourceCode: "",
+          flag: "",
+          name: this.mainMeta.name || "主对象",
+          badge: "主对象",
+          relType: "",
+          metaId: this.mainMeta.id,
+          fields: this.metaFieldsMap[this.mainMeta.id] || []
+        });
+      }
+      this.candidates.forEach((candidate) => {
+        const source = this.sources.find((item) => item.flag === candidate.flag);
+        groups.push({
+          key: candidate.flag,
+          sourceCode: source ? source.code : "",
+          flag: candidate.flag,
+          name: source && source.name || candidate.title || candidate.relatedName,
+          badge: relTypeLabel(candidate.relType) || "关联",
+          relType: candidate.relType,
+          metaId: candidate.relatedMetaId,
+          fields: this.metaFieldsMap[candidate.relatedMetaId] || []
+        });
+      });
+      return groups;
+    },
+    // 已存在字段 key：`${group.key}::${SOURCE_FIELD}`（group.key = 'main' 或关联 flag）
+    existingKeys() {
+      return this.fields.filter((field) => field.DATA_SOURCE === "field" && field.SOURCE_FIELD).map((field) => {
+        if (!field.SOURCE_CODE) return `main::${field.SOURCE_FIELD}`;
+        const source = this.sources.find((item) => item.code === field.SOURCE_CODE);
+        return source ? `${source.flag}::${field.SOURCE_FIELD}` : "";
+      }).filter(Boolean);
+    }
+  },
+  watch: {
+    fields: {
+      handler() {
+        if (this.selId && !this.selected) {
+          this.selId = this.fields.length ? this.fields[0].ID : null;
+        } else if (!this.selId && this.fields.length && !this.draft) {
+          this.selId = this.fields[0].ID;
+        }
+        this.resetWork();
+      },
+      immediate: true
+    },
+    selected() {
+      this.resetWork();
+    }
+  },
+  methods: {
+    dataSourceLabel,
+    valueFnLabel,
+    rowClassName({ row }) {
+      return row.ID === this.selId ? "field-panel__row--sel" : "";
+    },
+    selectRow(row) {
+      this.selId = row.ID;
+      this.draft = null;
+    },
+    resetWork() {
+      this.work = this.selected ? { ...this.selected } : null;
+    },
+    patchWork(patch) {
+      this.work = { ...this.work, ...patch };
+    },
+    patchDraft(patch) {
+      this.draft = { ...this.draft, ...patch };
+    },
+    sourceName(sourceCode) {
+      if (!sourceCode) return this.mainMeta.name || "主对象";
+      const source = this.sources.find((item) => item.code === sourceCode);
+      return source ? source.name : sourceCode;
+    },
+    sourceMetaId(sourceCode) {
+      if (!sourceCode) return this.mainMeta.id;
+      const source = this.sources.find((item) => item.code === sourceCode);
+      return source ? source.metaId : "";
+    },
+    metaFieldLabel(metaId, attrId) {
+      const field = (this.metaFieldsMap[metaId] || []).find((item) => item.id === attrId || item.name === attrId);
+      return field ? field.label : attrId;
+    },
+    sourceCellText(row) {
+      if (!row.SOURCE_FIELD && row.SOURCE_EXPR) return `${this.sourceName(row.SOURCE_CODE)}/${row.SOURCE_EXPR}`;
+      return `${this.sourceName(row.SOURCE_CODE)}/${this.metaFieldLabel(this.sourceMetaId(row.SOURCE_CODE), row.SOURCE_FIELD)}`;
+    },
+    // 该视图列在各聚合分支的映射角标
+    unionRefs(row) {
+      const refs = [];
+      this.unions.forEach((union) => {
+        const mapping = (this.unionMappingsMap[union.id] || []).find((item) => item.FIELD_CODE === row.CODE);
+        if (!mapping) return;
+        let text;
+        if (mapping.DATA_SOURCE === "fixed") {
+          text = `= ${mapping.FIXED_VALUE}`;
+        } else if (mapping.DATA_SOURCE === "formula") {
+          text = "公式";
+        } else if (mapping.SOURCE_FIELD || mapping.SOURCE_EXPR) {
+          const metaId = mapping.SOURCE_CODE ? (this.allSources.find((item) => item.code === mapping.SOURCE_CODE) || {}).metaId : union.metaId;
+          text = mapping.SOURCE_FIELD ? this.metaFieldLabel(metaId, mapping.SOURCE_FIELD) : mapping.SOURCE_EXPR;
+        } else {
+          text = "已映射";
+        }
+        refs.push({
+          key: union.id,
+          text: `${union.metaName}·${text}`,
+          title: `聚合分支「${union.metaName}（${union.code}）」映射：${mapping.DATA_SOURCE === "formula" ? mapping.FORMULA || "公式" : text}`
+        });
+      });
+      return refs;
+    },
+    formulaRefs(row) {
+      return parseFormulaTokens(row.FORMULA).map((token) => {
+        if (token.code) {
+          const field = this.fields.find((item) => item.CODE === token.code);
+          if (field) return field.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)}`;
+        }
+        return `${this.sourceName(token.source)}/${this.metaFieldLabel(this.sourceMetaId(token.source), token.field)}`;
+      });
+    },
+    requestOptions() {
+      return this.system ? { system: this.system } : {};
+    },
+    nextSort() {
+      const max = this.fields.reduce((acc, field) => Math.max(acc, Number(field.SORT) || 0), 0);
+      return max + 1;
+    },
+    openObjectDialog() {
+      this.draft = null;
+      this.objectDialogVisible = true;
+    },
+    // 弹窗内展开对象节点时懒加载该对象字段
+    onDialogExpand(group) {
+      if (group.metaId) this.$emit("load-meta-fields", group.metaId);
+    },
+    startDraft(dataSource) {
+      const seq = this.fields.length + 1;
+      if (dataSource === "formula") {
+        this.draft = { DATA_SOURCE: "formula", NAME: "", CODE: `FX_${seq}`, VIEW_TYPE: "数字", FORMULA: "", SORT: this.nextSort() };
+      } else {
+        this.draft = { DATA_SOURCE: "fixed", NAME: "", CODE: `CONST_${seq}`, VIEW_TYPE: "文本", FIXED_VALUE: "", SORT: this.nextSort() };
+      }
+      this.selId = null;
+    },
+    openFormula(target) {
+      this.formulaTarget = target;
+      this.formulaVisible = true;
+    },
+    onFormulaConfirm(expr) {
+      if (this.formulaTarget === "draft") {
+        this.patchDraft({ FORMULA: expr });
+      } else {
+        this.patchWork({ FORMULA: expr });
+      }
+      this.formulaVisible = false;
+    },
+    validateField(field) {
+      if (!field.NAME || !field.NAME.trim()) return "请填写字段名称";
+      const code = (field.CODE || "").trim();
+      if (!code) return "请填写字段编号";
+      if (!SQL_IDENTIFIER_RE.test(code)) return "编号仅允许字母、数字、下划线，且不能以数字开头";
+      if (code.toUpperCase() === "ID") return "「ID」为保留主键列，请更换编号";
+      const duplicated = this.fields.some((item) => item.CODE === code && item.ID !== field.ID);
+      if (duplicated) return `编号「${code}」已存在`;
+      if (!field.VIEW_TYPE) return "请选择字段类型";
+      if (field.DATA_SOURCE === "field" && !field.SOURCE_FIELD && !(field.SOURCE_EXPR || "").trim()) return "请选择来源字段";
+      if (field.DATA_SOURCE === "formula" && !(field.FORMULA || "").trim()) return "请设置取值公式";
+      if (field.SOURCE_EXPR && /;|--|\/\*/.test(field.SOURCE_EXPR)) return "聚合表达式不允许包含分号或注释";
+      if (field.DATA_SOURCE === "fixed") {
+        const fixedValue = String(field.FIXED_VALUE == null ? "" : field.FIXED_VALUE).trim();
+        if (field.VIEW_TYPE === "数字" && fixedValue && isNaN(Number(fixedValue))) return "数字类型的指定值必须是合法数字";
+        if (field.VIEW_TYPE === "时间" && fixedValue && isNaN(new Date(fixedValue).getTime())) return "时间类型的指定值必须是合法日期";
+        if (field.VIEW_TYPE === "选项" && !field.CODE_DEFINE) return "选项类型请先选择代码表";
+        if (field.VIEW_TYPE === "对象" && !field.LINK_ENTITY) return "对象类型请先选择关联对象";
+      }
+      if (field.DATA_SOURCE === "field" && ["sum", "avg"].includes(field.VALUE_FN) && field.SOURCE_FIELD) {
+        const metaId = field.REL_FLAG ? field.SOURCE_META_ID : this.sourceMetaId(field.SOURCE_CODE);
+        const metaField = (this.metaFieldsMap[metaId] || []).find((item) => item.id === field.SOURCE_FIELD);
+        if (metaField && !NUMERIC_DATA_TYPES.includes(metaField.dataType)) return "求和/平均的源字段必须为数字类型";
+      }
+      return "";
+    },
+    beanParams(field) {
+      const params = { "bean.ENTITY_ID": this.viewId };
+      if (field.ID) params["bean.ID"] = field.ID;
+      FIELD_BEAN_KEYS.forEach((key) => {
+        params[`bean.${key}`] = field[key] === void 0 || field[key] === null ? "" : field[key];
+      });
+      return params;
+    },
+    async saveField(field, isDraft) {
+      const error = this.validateField(field);
+      if (error) {
+        this.$message.warning(error);
+        return;
+      }
+      this.saving = true;
+      try {
+        const id = await this.$http.$post({ entityId: "FM_VIEW_FIELD", action: "save", ...this.beanParams(field) }, this.requestOptions());
+        this.$message.success("保存成功");
+        if (isDraft) {
+          this.draft = null;
+          this.selId = id || null;
+        }
+        this.$emit("change");
+      } catch (saveError) {
+        this.$message.error(saveError.message || "保存失败");
+      } finally {
+        this.saving = false;
+      }
+    },
+    async addObjectFields(descriptors) {
+      if (!descriptors.length) return;
+      const usedCodes = new Set(this.fields.map((field) => (field.CODE || "").toUpperCase()));
+      let sort = this.nextSort();
+      this.saving = true;
+      let lastId = null;
+      try {
+        for (const descriptor of descriptors) {
+          const { group, field } = descriptor;
+          const params = {
+            "bean.ENTITY_ID": this.viewId,
+            "bean.NAME": field.label || field.name,
+            "bean.CODE": uniqueFieldCode(field.name, usedCodes, group.flag ? group.flag.replace(/[^A-Za-z0-9]+/g, "_").toUpperCase() : ""),
+            "bean.VIEW_TYPE": mapViewType(field.dataType),
+            "bean.DATA_SOURCE": "field",
+            "bean.SOURCE_FIELD": field.id,
+            "bean.VALUE_FN": group.relType === "1" ? "raw" : "",
+            "bean.SORT": sort++
+          };
+          if (group.flag) {
+            params["bean.SOURCE_META_ID"] = group.metaId;
+            params["bean.REL_FLAG"] = group.flag;
+          }
+          lastId = await this.$http.$post({
+            entityId: "FM_VIEW_FIELD",
+            action: "save",
+            ...params
+          }, this.requestOptions());
+        }
+        this.$message.success(`已添加 ${descriptors.length} 个字段`);
+        this.objectDialogVisible = false;
+        if (lastId) this.selId = lastId;
+        this.$emit("change");
+      } catch (error) {
+        this.$message.error(error.message || "添加失败");
+        this.$emit("change");
+      } finally {
+        this.saving = false;
+      }
+    },
+    removeField(row) {
+      this.$confirm(`确定删除字段「${row.NAME}」吗？`, "提示", { type: "warning" }).then(() => {
+        return this.$http.$post({
+          entityId: "FM_VIEW_FIELD",
+          action: "delete",
+          id: row.ID
+        }, this.requestOptions()).then(() => {
+          this.$message.success("删除成功");
+          if (this.selId === row.ID) this.selId = null;
+          this.$emit("change");
+        }).catch((error) => {
+          this.$message.error(error.message || "删除失败");
+        });
+      }).catch(() => {
+      });
+    }
+  }
+};
+const _hoisted_1 = { class: "field-panel" };
+const _hoisted_2 = { class: "field-panel__split" };
+const _hoisted_3 = { class: "field-panel__list" };
+const _hoisted_4 = { class: "field-panel__toolbar" };
+const _hoisted_5 = { class: "field-panel__total" };
+const _hoisted_6 = { class: "field-panel__mono" };
+const _hoisted_7 = {
+  key: 0,
+  class: "field-panel__fn-chip"
+};
+const _hoisted_8 = {
+  key: 1,
+  class: "field-panel__refs"
+};
+const _hoisted_9 = {
+  key: 2,
+  class: "field-panel__none"
+};
+const _hoisted_10 = {
+  key: 3,
+  class: "field-panel__union-refs"
+};
+const _hoisted_11 = ["title"];
+const _hoisted_12 = ["onClick"];
+const _hoisted_13 = { class: "field-panel__prop" };
+const _hoisted_14 = { class: "field-panel__prop-head" };
+const _hoisted_15 = {
+  key: 0,
+  class: "field-panel__draft-badge"
+};
+const _hoisted_16 = {
+  key: 1,
+  class: "field-panel__draft-badge"
+};
+const _hoisted_17 = { class: "field-panel__prop-scroll" };
+const _hoisted_18 = { class: "field-panel__prop-foot" };
+const _hoisted_19 = {
+  key: 1,
+  class: "field-panel__prop-empty"
+};
+const _hoisted_20 = { class: "field-panel__prop-scroll" };
+const _hoisted_21 = {
+  key: 0,
+  class: "field-panel__prop-foot"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_button = resolveComponent("el-button");
+  const _component_el_table_column = resolveComponent("el-table-column");
+  const _component_el_table = resolveComponent("el-table");
+  const _component_epx_base_entity_view_config_prop = resolveComponent("epx-base-entity-view-config-prop");
+  const _component_epx_base_entity_view_config_field_dialog = resolveComponent("epx-base-entity-view-config-field-dialog");
+  const _component_epx_base_entity_view_config_formula_dialog = resolveComponent("epx-base-entity-view-config-formula-dialog");
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    _cache[22] || (_cache[22] = createElementVNode("div", { class: "field-panel__title" }, [
+      createElementVNode("span", { class: "field-panel__title-bar" }),
+      createTextVNode("字段配置 "),
+      createElementVNode("span", { class: "field-panel__title-sub" }, "左侧维护视图字段列表，右侧设置选中字段的属性")
+    ], -1)),
+    createElementVNode("div", _hoisted_2, [
+      createElementVNode("div", _hoisted_3, [
+        createElementVNode("div", _hoisted_4, [
+          createVNode(_component_el_button, {
+            type: "primary",
+            size: "small",
+            icon: "el-icon-plus",
+            onClick: $options.openObjectDialog
+          }, {
+            default: withCtx(() => [..._cache[11] || (_cache[11] = [
+              createTextVNode("添加对象字段", -1)
+            ])]),
+            _: 1
+          }, 8, ["onClick"]),
+          createVNode(_component_el_button, {
+            size: "small",
+            class: normalizeClass({ "field-panel__btn-on": $data.draft && $data.draft.DATA_SOURCE === "formula" }),
+            onClick: _cache[0] || (_cache[0] = ($event) => $options.startDraft("formula"))
+          }, {
+            default: withCtx(() => [..._cache[12] || (_cache[12] = [
+              createTextVNode(" 添加公式字段 ", -1)
+            ])]),
+            _: 1
+          }, 8, ["class"]),
+          createVNode(_component_el_button, {
+            size: "small",
+            class: normalizeClass({ "field-panel__btn-on": $data.draft && $data.draft.DATA_SOURCE === "fixed" }),
+            onClick: _cache[1] || (_cache[1] = ($event) => $options.startDraft("fixed"))
+          }, {
+            default: withCtx(() => [..._cache[13] || (_cache[13] = [
+              createTextVNode(" 添加指定值字段 ", -1)
+            ])]),
+            _: 1
+          }, 8, ["class"]),
+          createElementVNode("span", _hoisted_5, [
+            _cache[14] || (_cache[14] = createTextVNode("已选字段 ", -1)),
+            createElementVNode("b", null, toDisplayString($props.fields.length), 1)
+          ])
+        ]),
+        createVNode(_component_el_table, {
+          data: $props.fields,
+          size: "small",
+          class: "field-panel__table",
+          "highlight-current-row": "",
+          "row-class-name": $options.rowClassName,
+          onRowClick: $options.selectRow
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_el_table_column, {
+              type: "index",
+              label: "序号",
+              width: "50"
+            }),
+            createVNode(_component_el_table_column, {
+              prop: "NAME",
+              label: "字段名称",
+              "min-width": "110",
+              "show-overflow-tooltip": ""
+            }),
+            createVNode(_component_el_table_column, {
+              prop: "CODE",
+              label: "编号",
+              "min-width": "110",
+              "show-overflow-tooltip": ""
+            }, {
+              default: withCtx(({ row }) => [
+                createElementVNode("span", _hoisted_6, toDisplayString(row.CODE), 1)
+              ]),
+              _: 1
+            }),
+            createVNode(_component_el_table_column, {
+              label: "数据来源",
+              width: "120"
+            }, {
+              default: withCtx(({ row }) => [
+                createElementVNode("span", null, toDisplayString($options.dataSourceLabel(row.DATA_SOURCE)), 1),
+                row.DATA_SOURCE === "field" && row.VALUE_FN ? (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString($options.valueFnLabel(row.VALUE_FN)), 1)) : createCommentVNode("", true)
+              ]),
+              _: 1
+            }),
+            createVNode(_component_el_table_column, {
+              label: "来源字段",
+              "min-width": "170"
+            }, {
+              default: withCtx(({ row }) => [
+                row.DATA_SOURCE === "field" ? (openBlock(), createElementBlock("span", {
+                  key: 0,
+                  class: normalizeClass(["field-panel__srcf", row.SOURCE_CODE ? "is-rel" : "is-main"])
+                }, toDisplayString($options.sourceCellText(row)), 3)) : row.DATA_SOURCE === "formula" && $options.formulaRefs(row).length ? (openBlock(), createElementBlock("span", _hoisted_8, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList($options.formulaRefs(row), (ref, index) => {
+                    return openBlock(), createElementBlock("span", {
+                      key: index,
+                      class: "field-panel__ref"
+                    }, toDisplayString(ref), 1);
+                  }), 128))
+                ])) : !$options.unionRefs(row).length ? (openBlock(), createElementBlock("span", _hoisted_9, "—")) : createCommentVNode("", true),
+                $options.unionRefs(row).length ? (openBlock(), createElementBlock("span", _hoisted_10, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList($options.unionRefs(row), (ref) => {
+                    return openBlock(), createElementBlock("span", {
+                      key: ref.key,
+                      class: "field-panel__union-ref",
+                      title: ref.title
+                    }, [
+                      _cache[15] || (_cache[15] = createElementVNode("i", { class: "el-icon-copy-document" }, null, -1)),
+                      createTextVNode(toDisplayString(ref.text), 1)
+                    ], 8, _hoisted_11);
+                  }), 128))
+                ])) : createCommentVNode("", true)
+              ]),
+              _: 1
+            }),
+            createVNode(_component_el_table_column, {
+              prop: "VIEW_TYPE",
+              label: "类型",
+              width: "64"
+            }),
+            createVNode(_component_el_table_column, {
+              label: "操作",
+              width: "50"
+            }, {
+              default: withCtx(({ row }) => [
+                createElementVNode("i", {
+                  class: "el-icon-delete field-panel__del",
+                  onClick: withModifiers(($event) => $options.removeField(row), ["stop"])
+                }, null, 8, _hoisted_12)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["data", "row-class-name", "onRowClick"])
+      ]),
+      createElementVNode("div", _hoisted_13, [
+        createElementVNode("div", _hoisted_14, [
+          _cache[16] || (_cache[16] = createTextVNode(" 字段属性设置 ", -1)),
+          $data.draft ? (openBlock(), createElementBlock("span", _hoisted_15, " 新增" + toDisplayString($options.dataSourceLabel($data.draft.DATA_SOURCE)) + "字段 ", 1)) : $options.workDirty ? (openBlock(), createElementBlock("span", _hoisted_16, "未保存")) : createCommentVNode("", true)
+        ]),
+        $data.draft ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+          createElementVNode("div", _hoisted_17, [
+            createVNode(_component_epx_base_entity_view_config_prop, {
+              field: $data.draft,
+              sources: $props.sources,
+              candidates: $props.candidates,
+              "main-meta": $props.mainMeta,
+              "meta-fields-map": $props.metaFieldsMap,
+              "data-type-map": $props.dataTypeMap,
+              "data-types": $props.dataTypes,
+              "is-draft": "",
+              onChange: $options.patchDraft,
+              onOpenFormula: _cache[2] || (_cache[2] = ($event) => $options.openFormula("draft")),
+              onLoadMetaFields: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("load-meta-fields", $event))
+            }, null, 8, ["field", "sources", "candidates", "main-meta", "meta-fields-map", "data-type-map", "data-types", "onChange"])
+          ]),
+          createElementVNode("div", _hoisted_18, [
+            createVNode(_component_el_button, {
+              size: "small",
+              onClick: _cache[4] || (_cache[4] = ($event) => $data.draft = null)
+            }, {
+              default: withCtx(() => [..._cache[17] || (_cache[17] = [
+                createTextVNode("取消", -1)
+              ])]),
+              _: 1
+            }),
+            createVNode(_component_el_button, {
+              type: "primary",
+              size: "small",
+              loading: $data.saving,
+              onClick: _cache[5] || (_cache[5] = ($event) => $options.saveField($data.draft, true))
+            }, {
+              default: withCtx(() => [..._cache[18] || (_cache[18] = [
+                createTextVNode("保存", -1)
+              ])]),
+              _: 1
+            }, 8, ["loading"])
+          ])
+        ], 64)) : !$data.work ? (openBlock(), createElementBlock("div", _hoisted_19, [..._cache[19] || (_cache[19] = [
+          createElementVNode("i", { class: "el-icon-setting" }, null, -1),
+          createElementVNode("div", null, [
+            createTextVNode("选择左侧字段查看或编辑属性，"),
+            createElementVNode("br"),
+            createTextVNode("或点击上方按钮新增字段")
+          ], -1)
+        ])])) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+          createElementVNode("div", _hoisted_20, [
+            createVNode(_component_epx_base_entity_view_config_prop, {
+              field: $data.work,
+              sources: $props.sources,
+              candidates: $props.candidates,
+              "main-meta": $props.mainMeta,
+              "meta-fields-map": $props.metaFieldsMap,
+              "data-type-map": $props.dataTypeMap,
+              "data-types": $props.dataTypes,
+              onChange: $options.patchWork,
+              onOpenFormula: _cache[6] || (_cache[6] = ($event) => $options.openFormula("work")),
+              onLoadMetaFields: _cache[7] || (_cache[7] = ($event) => _ctx.$emit("load-meta-fields", $event))
+            }, null, 8, ["field", "sources", "candidates", "main-meta", "meta-fields-map", "data-type-map", "data-types", "onChange"])
+          ]),
+          $options.workDirty ? (openBlock(), createElementBlock("div", _hoisted_21, [
+            createVNode(_component_el_button, {
+              size: "small",
+              onClick: $options.resetWork
+            }, {
+              default: withCtx(() => [..._cache[20] || (_cache[20] = [
+                createTextVNode("重置", -1)
+              ])]),
+              _: 1
+            }, 8, ["onClick"]),
+            createVNode(_component_el_button, {
+              type: "primary",
+              size: "small",
+              loading: $data.saving,
+              onClick: _cache[8] || (_cache[8] = ($event) => $options.saveField($data.work, false))
+            }, {
+              default: withCtx(() => [..._cache[21] || (_cache[21] = [
+                createTextVNode("保存修改", -1)
+              ])]),
+              _: 1
+            }, 8, ["loading"])
+          ])) : createCommentVNode("", true)
+        ], 64))
+      ])
+    ]),
+    createVNode(_component_epx_base_entity_view_config_field_dialog, {
+      visible: $data.objectDialogVisible,
+      "onUpdate:visible": _cache[9] || (_cache[9] = ($event) => $data.objectDialogVisible = $event),
+      groups: $options.dialogGroups,
+      "existing-keys": $options.existingKeys,
+      saving: $data.saving,
+      "data-type-map": $props.dataTypeMap,
+      onExpand: $options.onDialogExpand,
+      onConfirm: $options.addObjectFields
+    }, null, 8, ["visible", "groups", "existing-keys", "saving", "data-type-map", "onExpand", "onConfirm"]),
+    createVNode(_component_epx_base_entity_view_config_formula_dialog, {
+      visible: $data.formulaVisible,
+      "onUpdate:visible": _cache[10] || (_cache[10] = ($event) => $data.formulaVisible = $event),
+      "view-id": $props.viewId,
+      system: $props.system,
+      "meta-id": $props.mainMeta.id,
+      sources: $props.sources,
+      "field-name": $data.formulaTarget === "draft" ? $data.draft && $data.draft.NAME : $data.work && $data.work.NAME,
+      value: $data.formulaTarget === "draft" ? $data.draft && $data.draft.FORMULA : $data.work && $data.work.FORMULA,
+      onConfirm: $options.onFormulaConfirm
+    }, null, 8, ["visible", "view-id", "system", "meta-id", "sources", "field-name", "value", "onConfirm"])
+  ]);
+}
+const FieldPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-14e663cb"]]);
+export {
+  FieldPanel as default
+};