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

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

@@ -0,0 +1,585 @@
+import { component } from "@epxing/core/src/mixins";
+import FieldPanel from "./FieldPanel.js";
+import UnionPanel from "./UnionPanel.js";
+import SqlPanel from "./SqlPanel.js";
+import RelationPanel from "./RelationPanel.js";
+import BasicInfoDialog from "./BasicInfoDialog.js";
+import { relTypeLabel } from "./constants.js";
+import { resolveComponent, resolveDirective, openBlock, createElementBlock, createElementVNode, toDisplayString, createVNode, withCtx, createTextVNode, createCommentVNode, withDirectives, Fragment, renderList, normalizeClass, vShow, createBlock } from "vue";
+/* empty css               */
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx-base-entity-view-config",
+  // 配置点
+  viewId: "",
+  // 视图实体 id，缺省取页面参数 viewId / id（含路由参数与上级页面传入的参数）
+  system: "",
+  // 视图所属业务系统编码，缺省为当前系统
+  headFlag: true,
+  // 是否显示顶部操作栏
+  mixins: [component],
+  components: {
+    [FieldPanel.name]: FieldPanel,
+    [UnionPanel.name]: UnionPanel,
+    [SqlPanel.name]: SqlPanel,
+    [RelationPanel.name]: RelationPanel,
+    [BasicInfoDialog.name]: BasicInfoDialog
+  },
+  data() {
+    return {
+      loading: false,
+      tab: "fields",
+      viewData: {},
+      mainMeta: {},
+      sources: [],
+      fields: [],
+      unions: [],
+      unionCandidates: [],
+      unionCandidatesError: "",
+      // 各聚合对象的列映射：unionId -> FM_VIEW_UNION_FIELD data 数组（字段列表角标与聚合面板共用）
+      unionMappingsMap: {},
+      unionMappingsLoading: false,
+      // 聚合对象（UNION）接口是否可用；旧版后端未部署 FM_VIEW_UNION 元数据时自动隐藏页签
+      unionEnabled: true,
+      candidatesMap: {},
+      metaFieldsMap: {},
+      metaFieldsLoading: {},
+      sql: "",
+      sqlLoading: false,
+      publishing: false,
+      basicVisible: false
+    };
+  },
+  computed: {
+    viewId() {
+      const { viewId, id } = this.$query;
+      const configViewId = /\{\{|\$\[|#\{/.test(this.$configs.viewId || "") ? "" : this.$configs.viewId;
+      return configViewId || viewId || id || "";
+    },
+    system() {
+      return this.$configs.system || "";
+    },
+    viewLoaded() {
+      return !!this.viewData.ID;
+    },
+    tabItems() {
+      const items = [
+        { key: "fields", label: "字段配置", icon: "el-icon-tickets" }
+      ];
+      if (this.unionEnabled) items.push({ key: "unions", label: "聚合对象", icon: "el-icon-copy-document" });
+      items.push(
+        { key: "relation", label: "数据关系", icon: "el-icon-share" },
+        { key: "sql", label: "SQL语句", icon: "el-icon-monitor" }
+      );
+      return items;
+    },
+    // 字段类型代码表（FM_DATA_TYPE）全量选项
+    dataTypes() {
+      return this.$store.getters.getCodeById("FM_DATA_TYPE") || [];
+    },
+    // 字段类型代码表（FM_DATA_TYPE）：编号 -> 名称
+    dataTypeMap() {
+      const map = {};
+      this.dataTypes.forEach((code) => {
+        map[code.code] = code.name;
+      });
+      return map;
+    },
+    published() {
+      return this.viewData.STATE === "1";
+    },
+    // 已配置聚合对象（UNION ALL 分支），名称/编码取自候选对象
+    enrichedUnions() {
+      return this.unions.map((entity) => {
+        const data = entity.data || {};
+        const candidate = this.unionCandidates.find((item) => item.metaId === data.UNION_META_ID) || {};
+        return {
+          id: data.ID,
+          code: data.UNION_CODE,
+          metaId: data.UNION_META_ID,
+          metaName: candidate.name || data.UNION_CODE,
+          metaCode: candidate.code || "",
+          scope: data.UNION_SCOPE || "",
+          sort: data.SORT || ""
+        };
+      });
+    },
+    enrichedSources() {
+      return this.sources.map((entity) => {
+        const data = entity.data || {};
+        const ownerCode = data.OWNER_CODE || "MAIN";
+        const union = ownerCode === "MAIN" ? null : this.enrichedUnions.find((item) => (item.code || "").toUpperCase() === ownerCode.toUpperCase());
+        const ownerMetaId = ownerCode === "MAIN" ? this.viewData.VIEW_ENTITY : union && union.metaId;
+        const candidate = (this.candidatesMap[ownerMetaId] || []).find((item) => item.flag === data.REL_FLAG) || {};
+        return {
+          id: data.ID,
+          code: data.SOURCE_CODE,
+          // 源名称：用户可自定义（SOURCE_NAME），默认关联名称（如「所属组织」），而不是关联对象名称
+          name: data.SOURCE_NAME || candidate.title || candidate.relatedName || data.SOURCE_CODE,
+          metaName: candidate.relatedName || "",
+          metaCode: candidate.relatedCode || "",
+          metaId: data.SOURCE_META_ID,
+          relType: data.REL_TYPE || candidate.relType || "",
+          relTypeLabel: relTypeLabel(data.REL_TYPE || candidate.relType) || "关联",
+          flag: data.REL_FLAG,
+          title: candidate.title || "",
+          aggScope: data.AGG_SCOPE || "",
+          // 一对多源「前 N 条」限定（TOP_ORDER 为排序 JSON），数据关系页签可编辑
+          topN: data.TOP_N || "",
+          topOrder: data.TOP_ORDER || "",
+          ownerCode,
+          // 保存时原样回传的字段（OWNER_CODE 创建后不可变，空值不能改提交为 MAIN）
+          rawOwnerCode: data.OWNER_CODE || "",
+          rawName: data.SOURCE_NAME || ""
+        };
+      });
+    },
+    // 主段关联源（OWNER_CODE 空/MAIN）；聚合段的源只在「聚合对象」页签使用
+    mainSources() {
+      return this.enrichedSources.filter((source) => source.ownerCode === "MAIN");
+    },
+    mainCandidates() {
+      return this.candidatesMap[this.viewData.VIEW_ENTITY] || [];
+    }
+  },
+  watch: {
+    viewId: {
+      handler(value) {
+        if (value) this.loadAll();
+      },
+      immediate: true
+    },
+    unionEnabled(value) {
+      if (!value && this.tab === "unions") this.tab = "fields";
+    }
+  },
+  methods: {
+    requestOptions() {
+      return this.system ? { system: this.system } : {};
+    },
+    switchTab(key) {
+      this.tab = key;
+      if (key === "sql" && !this.sql) this.loadSql();
+    },
+    async loadAll() {
+      this.loading = true;
+      this.$store.dispatch({ type: "ADD_LIST", key: "FM_DATA_TYPE" });
+      try {
+        await this.loadView();
+        await Promise.all([
+          this.loadMainMeta(),
+          this.loadSources(),
+          this.loadFields(),
+          this.loadUnions(),
+          this.loadUnionCandidates()
+        ]);
+        await Promise.all([this.loadAllCandidates(), this.loadAllMetaFields(), this.loadAllUnionMappings()]);
+      } catch (error) {
+        if (error && error.message) this.$message.error(error.message);
+      } finally {
+        this.loading = false;
+      }
+      if (this.tab === "sql") this.loadSql();
+    },
+    loadView() {
+      const prevState = this.viewData.STATE;
+      return this.$http.$post({
+        entityId: "FM_ENTITY",
+        action: "viewGet",
+        id: this.viewId
+      }, this.requestOptions()).then((data) => {
+        this.viewData = data && data.bean && data.bean.data || {};
+        if (prevState === "1" && this.viewData.STATE === "0") {
+          this.$message.info("配置已变更，视图需重新发布后生效");
+        }
+      });
+    },
+    loadMainMeta() {
+      const metaId = this.viewData.VIEW_ENTITY;
+      if (!metaId) return Promise.resolve();
+      return this.$store.dispatch({ type: "ADD_META", metaId }).then((meta) => {
+        this.mainMeta = {
+          id: metaId,
+          name: meta && (meta.name || meta.label) || "主对象",
+          code: meta && meta.code || ""
+        };
+      }).catch(() => {
+        this.mainMeta = { id: metaId, name: "主对象", code: "" };
+      });
+    },
+    loadCandidates(metaId) {
+      if (!metaId || this.candidatesMap[metaId]) return Promise.resolve();
+      return this.$http.$post({
+        entityId: "FM_VIEW_SOURCE",
+        action: "relationCandidates",
+        mainMetaId: metaId
+      }, this.requestOptions()).then((data) => {
+        this.candidatesMap[metaId] = data && data.list || [];
+      });
+    },
+    // 主对象 + 各聚合对象的关联候选（聚合段添加关联源用）
+    loadAllCandidates() {
+      const metaIds = [this.viewData.VIEW_ENTITY, ...this.unions.map((entity) => (entity.data || {}).UNION_META_ID)];
+      return Promise.all(metaIds.filter(Boolean).map((metaId) => this.loadCandidates(metaId)));
+    },
+    loadSources() {
+      return this.$http.$post({
+        entityId: "FM_VIEW_SOURCE",
+        action: "list",
+        viewMetaId: this.viewId
+      }, this.requestOptions()).then((data) => {
+        this.sources = data && data.list || [];
+      });
+    },
+    loadFields() {
+      return this.$http.$post({
+        entityId: "FM_VIEW_FIELD",
+        action: "list",
+        viewMetaId: this.viewId
+      }, this.requestOptions()).then((data) => {
+        this.fields = (data && data.list || []).map((entity) => ({ ...entity.data || {} }));
+      });
+    },
+    loadUnions() {
+      return this.$http.$post({
+        entityId: "FM_VIEW_UNION",
+        action: "list",
+        viewMetaId: this.viewId
+      }, this.requestOptions()).then((data) => {
+        this.unions = data && data.list || [];
+        this.unionEnabled = true;
+      }).catch(() => {
+        this.unions = [];
+        this.unionEnabled = false;
+      });
+    },
+    loadUnionCandidates() {
+      return this.$http.$post({
+        entityId: "FM_VIEW_UNION",
+        action: "objectCandidates",
+        viewMetaId: this.viewId
+      }, this.requestOptions()).then((data) => {
+        this.unionCandidates = data && data.list || [];
+        this.unionCandidatesError = "";
+      }).catch((error) => {
+        this.unionCandidates = [];
+        this.unionCandidatesError = error && error.message || "候选对象加载失败";
+      });
+    },
+    loadUnionMappings(unionId) {
+      if (!unionId) return Promise.resolve();
+      return this.$http.$post({
+        entityId: "FM_VIEW_UNION_FIELD",
+        action: "listMappings",
+        unionId
+      }, this.requestOptions()).then((data) => {
+        this.unionMappingsMap[unionId] = (data && data.list || []).map((entity) => ({ ...entity.data || {} }));
+      }).catch(() => {
+        this.unionMappingsMap[unionId] = [];
+      });
+    },
+    loadAllUnionMappings() {
+      const unionIds = this.unions.map((entity) => (entity.data || {}).ID).filter(Boolean);
+      this.unionMappingsMap = {};
+      if (!unionIds.length) return Promise.resolve();
+      this.unionMappingsLoading = true;
+      return Promise.all(unionIds.map((unionId) => this.loadUnionMappings(unionId))).finally(() => {
+        this.unionMappingsLoading = false;
+      });
+    },
+    loadMetaFields(metaId, viaUnion) {
+      if (!metaId || this.metaFieldsMap[metaId]) return Promise.resolve();
+      if (this.metaFieldsLoading[metaId]) return this.metaFieldsLoading[metaId];
+      const request = viaUnion ? { entityId: "FM_VIEW_UNION", action: "objectFields", metaId } : { entityId: "FM_VIEW_FIELD", action: "sourceFields", metaId };
+      const promise = this.$http.$post(request, this.requestOptions()).then((data) => {
+        this.metaFieldsMap[metaId] = data && data.list || [];
+      }).finally(() => {
+        delete this.metaFieldsLoading[metaId];
+      });
+      this.metaFieldsLoading[metaId] = promise;
+      return promise;
+    },
+    loadAllMetaFields() {
+      const metaIds = [this.viewData.VIEW_ENTITY, ...this.sources.map((entity) => (entity.data || {}).SOURCE_META_ID)];
+      const unionMetaIds = this.unions.map((entity) => (entity.data || {}).UNION_META_ID);
+      return Promise.all([
+        ...metaIds.filter(Boolean).map((metaId) => this.loadMetaFields(metaId)),
+        ...unionMetaIds.filter(Boolean).map((metaId) => this.loadMetaFields(metaId, true))
+      ]);
+    },
+    // 字段保存可能触发后端自动登记关联源，一并刷新源列表
+    onFieldsChange() {
+      this.sql = "";
+      this.loadFields();
+      this.loadSources().then(() => this.loadAllMetaFields());
+      this.loadView();
+    },
+    onUnionsChange() {
+      this.sql = "";
+      Promise.all([this.loadUnions(), this.loadSources()]).then(() => Promise.all([this.loadAllCandidates(), this.loadAllMetaFields(), this.loadAllUnionMappings()]));
+      this.loadView();
+    },
+    // 聚合列映射变更：映射保存可能触发后端自动登记本段关联源
+    onStateChange() {
+      this.sql = "";
+      this.loadSources().then(() => this.loadAllMetaFields());
+      this.loadView();
+    },
+    loadSql() {
+      this.sqlLoading = true;
+      this.$http.$post({
+        entityId: "FM_ENTITY",
+        action: "viewPreview",
+        viewMetaId: this.viewId
+      }, this.requestOptions()).then((data) => {
+        this.sql = data && data.sql || "";
+      }).catch((error) => {
+        this.sql = "";
+        this.$message.error(error.message || "SQL 预览失败");
+      }).finally(() => {
+        this.sqlLoading = false;
+      });
+    },
+    publish() {
+      this.$confirm(
+        `发布将执行 CREATE OR REPLACE VIEW 并注册视图字段，发布后「${this.viewData.NAME}」可作为对象查询，确定发布吗？`,
+        "发布视图",
+        { type: "warning" }
+      ).then(() => {
+        this.publishing = true;
+        this.$http.$post({
+          entityId: "FM_ENTITY",
+          action: "viewPublish",
+          id: this.viewId
+        }, this.requestOptions()).then(() => {
+          this.$message.success("发布成功");
+          this.loadView();
+        }).catch((error) => {
+          this.$message.error(error.message || "发布失败");
+        }).finally(() => {
+          this.publishing = false;
+        });
+      }).catch(() => {
+      });
+    }
+  }
+};
+const _hoisted_1 = { class: "view-config" };
+const _hoisted_2 = {
+  key: 0,
+  class: "view-config__head"
+};
+const _hoisted_3 = { class: "view-config__head-title" };
+const _hoisted_4 = {
+  key: 1,
+  class: "view-config__empty"
+};
+const _hoisted_5 = {
+  key: 2,
+  class: "view-config__body"
+};
+const _hoisted_6 = { class: "view-config__hero" };
+const _hoisted_7 = { class: "view-config__hero-main" };
+const _hoisted_8 = { class: "view-config__hero-name" };
+const _hoisted_9 = {
+  key: 0,
+  class: "view-config__hero-code"
+};
+const _hoisted_10 = {
+  key: 1,
+  class: "view-config__hero-tip"
+};
+const _hoisted_11 = { class: "view-config__hero-sub" };
+const _hoisted_12 = {
+  key: 0,
+  class: "view-config__hero-db"
+};
+const _hoisted_13 = { class: "view-config__tabs" };
+const _hoisted_14 = ["onClick"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_button = resolveComponent("el-button");
+  const _component_el_tag = resolveComponent("el-tag");
+  const _component_epx_base_entity_view_config_field_panel = resolveComponent("epx-base-entity-view-config-field-panel");
+  const _component_epx_base_entity_view_config_union_panel = resolveComponent("epx-base-entity-view-config-union-panel");
+  const _component_epx_base_entity_view_config_relation_panel = resolveComponent("epx-base-entity-view-config-relation-panel");
+  const _component_epx_base_entity_view_config_sql_panel = resolveComponent("epx-base-entity-view-config-sql-panel");
+  const _component_epx_base_entity_view_config_basic_dialog = resolveComponent("epx-base-entity-view-config-basic-dialog");
+  const _directive_loading = resolveDirective("loading");
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    _ctx.$configs.headFlag ? (openBlock(), createElementBlock("div", _hoisted_2, [
+      createElementVNode("span", {
+        class: "view-config__back",
+        onClick: _cache[0] || (_cache[0] = ($event) => _ctx.backPage())
+      }, [..._cache[3] || (_cache[3] = [
+        createElementVNode("i", { class: "el-icon-arrow-left" }, null, -1)
+      ])]),
+      createElementVNode("span", _hoisted_3, "对象视图配置" + toDisplayString($data.viewData.NAME ? ` · ${$data.viewData.NAME}` : ""), 1),
+      _cache[7] || (_cache[7] = createElementVNode("span", { class: "view-config__head-spacer" }, null, -1)),
+      createVNode(_component_el_button, {
+        size: "small",
+        icon: "el-icon-edit",
+        disabled: !$options.viewLoaded,
+        onClick: _cache[1] || (_cache[1] = ($event) => $data.basicVisible = true)
+      }, {
+        default: withCtx(() => [..._cache[4] || (_cache[4] = [
+          createTextVNode("编辑基本信息", -1)
+        ])]),
+        _: 1
+      }, 8, ["disabled"]),
+      createVNode(_component_el_button, {
+        size: "small",
+        icon: "el-icon-refresh",
+        disabled: !$options.viewId,
+        onClick: $options.loadAll
+      }, {
+        default: withCtx(() => [..._cache[5] || (_cache[5] = [
+          createTextVNode("刷新", -1)
+        ])]),
+        _: 1
+      }, 8, ["disabled", "onClick"]),
+      createVNode(_component_el_button, {
+        type: "primary",
+        size: "small",
+        icon: "el-icon-upload2",
+        disabled: !$options.viewLoaded,
+        loading: $data.publishing,
+        onClick: $options.publish
+      }, {
+        default: withCtx(() => [..._cache[6] || (_cache[6] = [
+          createTextVNode("发布", -1)
+        ])]),
+        _: 1
+      }, 8, ["disabled", "loading", "onClick"])
+    ])) : createCommentVNode("", true),
+    !$options.viewId ? (openBlock(), createElementBlock("div", _hoisted_4, [..._cache[8] || (_cache[8] = [
+      createElementVNode("i", { class: "el-icon-warning-outline" }, null, -1),
+      createElementVNode("div", null, "未指定视图，请通过页面配置 viewId 或页面参数 viewId / id 传入视图实体 id", -1)
+    ])])) : withDirectives((openBlock(), createElementBlock("div", _hoisted_5, [
+      createElementVNode("div", _hoisted_6, [
+        _cache[11] || (_cache[11] = createElementVNode("div", { class: "view-config__hero-ic" }, [
+          createElementVNode("i", { class: "el-icon-s-grid" })
+        ], -1)),
+        createElementVNode("div", _hoisted_7, [
+          createElementVNode("div", _hoisted_8, [
+            createTextVNode(toDisplayString($data.viewData.NAME || "—") + " ", 1),
+            $data.viewData.CODE ? (openBlock(), createElementBlock("span", _hoisted_9, toDisplayString($data.viewData.CODE), 1)) : createCommentVNode("", true),
+            createVNode(_component_el_tag, {
+              size: "small",
+              type: $options.published ? "success" : "info"
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString($options.published ? "已发布" : "未发布"), 1)
+              ]),
+              _: 1
+            }, 8, ["type"]),
+            $options.viewLoaded && !$options.published ? (openBlock(), createElementBlock("span", _hoisted_10, "配置变更后需重新发布生效")) : createCommentVNode("", true)
+          ]),
+          createElementVNode("div", _hoisted_11, [
+            _cache[10] || (_cache[10] = createElementVNode("span", null, "主对象：", -1)),
+            createVNode(_component_el_tag, { size: "small" }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString($data.mainMeta.name || "—"), 1)
+              ]),
+              _: 1
+            }),
+            $data.viewData.DB_TABLE ? (openBlock(), createElementBlock("span", _hoisted_12, [
+              _cache[9] || (_cache[9] = createTextVNode(" 物理视图：", -1)),
+              createElementVNode("code", null, toDisplayString($data.viewData.DB_TABLE), 1)
+            ])) : createCommentVNode("", true)
+          ])
+        ])
+      ]),
+      createElementVNode("div", _hoisted_13, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList($options.tabItems, (item) => {
+          return openBlock(), createElementBlock("span", {
+            key: item.key,
+            class: normalizeClass(["view-config__tab", { "is-active": $data.tab === item.key }]),
+            onClick: ($event) => $options.switchTab(item.key)
+          }, [
+            createElementVNode("i", {
+              class: normalizeClass(item.icon)
+            }, null, 2),
+            createTextVNode(toDisplayString(item.label), 1)
+          ], 10, _hoisted_14);
+        }), 128))
+      ]),
+      withDirectives(createVNode(_component_epx_base_entity_view_config_field_panel, {
+        "view-id": $options.viewId,
+        system: $options.system,
+        fields: $data.fields,
+        sources: $options.mainSources,
+        candidates: $options.mainCandidates,
+        "main-meta": $data.mainMeta,
+        "meta-fields-map": $data.metaFieldsMap,
+        "data-type-map": $options.dataTypeMap,
+        "data-types": $options.dataTypes,
+        unions: $options.enrichedUnions,
+        "all-sources": $options.enrichedSources,
+        "union-mappings-map": $data.unionMappingsMap,
+        onChange: $options.onFieldsChange,
+        onLoadMetaFields: $options.loadMetaFields
+      }, null, 8, ["view-id", "system", "fields", "sources", "candidates", "main-meta", "meta-fields-map", "data-type-map", "data-types", "unions", "all-sources", "union-mappings-map", "onChange", "onLoadMetaFields"]), [
+        [vShow, $data.tab === "fields"]
+      ]),
+      withDirectives(createVNode(_component_epx_base_entity_view_config_union_panel, {
+        "view-id": $options.viewId,
+        system: $options.system,
+        "view-name": $data.viewData.NAME,
+        unions: $options.enrichedUnions,
+        "union-candidates": $data.unionCandidates,
+        "candidates-error": $data.unionCandidatesError,
+        sources: $options.enrichedSources,
+        "candidates-map": $data.candidatesMap,
+        fields: $data.fields,
+        "meta-fields-map": $data.metaFieldsMap,
+        "data-type-map": $options.dataTypeMap,
+        "mappings-map": $data.unionMappingsMap,
+        "mapping-loading": $data.unionMappingsLoading,
+        onChange: $options.onUnionsChange,
+        onStateChange: $options.onStateChange,
+        onChangeMappings: $options.loadUnionMappings,
+        onLoadMetaFields: $options.loadMetaFields,
+        onReloadCandidates: $options.loadUnionCandidates
+      }, null, 8, ["view-id", "system", "view-name", "unions", "union-candidates", "candidates-error", "sources", "candidates-map", "fields", "meta-fields-map", "data-type-map", "mappings-map", "mapping-loading", "onChange", "onStateChange", "onChangeMappings", "onLoadMetaFields", "onReloadCandidates"]), [
+        [vShow, $data.tab === "unions"]
+      ]),
+      $data.tab === "relation" ? (openBlock(), createBlock(_component_epx_base_entity_view_config_relation_panel, {
+        key: 0,
+        "view-id": $options.viewId,
+        system: $options.system,
+        "main-meta": $data.mainMeta,
+        sources: $options.mainSources,
+        unions: $options.enrichedUnions,
+        "union-mappings-map": $data.unionMappingsMap,
+        "all-sources": $options.enrichedSources,
+        "candidates-map": $data.candidatesMap,
+        fields: $data.fields,
+        "meta-fields-map": $data.metaFieldsMap,
+        onChange: $options.onStateChange,
+        onLoadMetaFields: $options.loadMetaFields
+      }, null, 8, ["view-id", "system", "main-meta", "sources", "unions", "union-mappings-map", "all-sources", "candidates-map", "fields", "meta-fields-map", "onChange", "onLoadMetaFields"])) : createCommentVNode("", true),
+      withDirectives(createVNode(_component_epx_base_entity_view_config_sql_panel, {
+        sql: $data.sql,
+        loading: $data.sqlLoading,
+        onRefresh: $options.loadSql
+      }, null, 8, ["sql", "loading", "onRefresh"]), [
+        [vShow, $data.tab === "sql"]
+      ])
+    ])), [
+      [_directive_loading, $data.loading]
+    ]),
+    createVNode(_component_epx_base_entity_view_config_basic_dialog, {
+      visible: $data.basicVisible,
+      "onUpdate:visible": _cache[2] || (_cache[2] = ($event) => $data.basicVisible = $event),
+      "view-id": $options.viewId,
+      system: $options.system,
+      "view-data": $data.viewData,
+      "main-meta": $data.mainMeta,
+      onSaved: $options.loadView
+    }, null, 8, ["visible", "view-id", "system", "view-data", "main-meta", "onSaved"])
+  ]);
+}
+const ViewConfig = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-6cf1a4b3"]]);
+export {
+  ViewConfig as default
+};