@jzg223/design-runtime 0.0.0-stage → 0.0.1

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

@@ -0,0 +1,681 @@
+import { defineComponent, ref, computed, watch, resolveComponent, openBlock, createElementBlock, toDisplayString, createCommentVNode, createVNode, unref, createBlock, withCtx, Fragment, renderList, createTextVNode, resolveDynamicComponent } from "vue";
+import { useRoute } from "vue-router";
+import { Spin, Alert, Result, Space } from "antdv-next";
+import { fetchFormConfig } from "../api.js";
+import { designFlowSubmit } from "../flow.js";
+import { getHostUi, getHostWorkflow, requireHttp } from "../host.js";
+import { isOwnRoutePage, buildExtraParams } from "../mapping.js";
+import { platformMessage } from "../components/design-shared/host-api.js";
+import { resolveToolComponent } from "../components/design-tools/index.js";
+import DesignFormInner from "./design-form-inner.vue.js";
+import DesignDevStateButton from "../components/design-debug/dev-state-button.vue.js";
+import { transformFormConfig } from "./transformer.js";
+const _hoisted_1 = { class: "design-form" };
+const _hoisted_2 = {
+  key: 0,
+  class: "form-title"
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "flex-center py-20"
+};
+const _hoisted_4 = {
+  key: 2,
+  class: "py-8"
+};
+const _hoisted_5 = { key: 4 };
+const _hoisted_6 = {
+  key: 0,
+  class: "design-form-toolbar"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "DesignForm" },
+  __name: "design-form",
+  props: {
+    category: { default: "" },
+    name: { default: "" },
+    config: { default: null },
+    source: { default: void 0 },
+    sourceId: { default: void 0 },
+    parentParams: { default: () => ({}) },
+    taskTitle: { default: void 0 },
+    mode: { default: "standalone" },
+    devButtonTop: { default: 10 }
+  },
+  emits: ["data-change", "url-change", "config-loaded", "update:title", "saved", "deleted", "tool-command"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const loading = ref(false);
+    const error = ref(null);
+    const config = ref(null);
+    const sourceData = ref(void 0);
+    const sourceLoading = ref(false);
+    const effectiveSource = computed(() => sourceData.value ?? props.source);
+    const pfield = computed(() => {
+      var _a;
+      return ((_a = config.value) == null ? void 0 : _a.pfield) || "id";
+    });
+    function normalizeSourceId(raw) {
+      if (raw === void 0 || raw === null) return void 0;
+      const s = String(raw);
+      return s === "" || s === "undefined" || s === "null" ? void 0 : s;
+    }
+    function cleanParams(obj) {
+      const out = {};
+      if (!obj) return out;
+      for (const [key, val] of Object.entries(obj)) {
+        if (val === void 0 || val === null || val === "") continue;
+        const sv = typeof val === "string" ? val : "";
+        if (sv === "undefined" || sv === "null") continue;
+        out[key] = val;
+      }
+      return out;
+    }
+    function resolveSaveUrls(cfg) {
+      const tools = (cfg == null ? void 0 : cfg.toolBars) ?? [];
+      const saveTool = tools.find((t) => (t == null ? void 0 : t.type) === "save");
+      const deleteTool = tools.find((t) => (t == null ? void 0 : t.type) === "delete");
+      return {
+        insert: (saveTool == null ? void 0 : saveTool.insertUrl) || (cfg == null ? void 0 : cfg.insertUrl) || "",
+        update: (saveTool == null ? void 0 : saveTool.updateUrl) || (cfg == null ? void 0 : cfg.updateUrl) || "",
+        delete: (deleteTool == null ? void 0 : deleteTool.deleteUrl) || (cfg == null ? void 0 : cfg.deleteUrl) || ""
+      };
+    }
+    const urls = ref({
+      delete: "",
+      insert: "",
+      show: "",
+      update: ""
+    });
+    function handleUrlChange(u) {
+      urls.value = u;
+      emit("url-change", u);
+    }
+    function titleOf(cfg) {
+      const anyCfg = cfg;
+      return String((anyCfg == null ? void 0 : anyCfg.runtimeTitle) || (anyCfg == null ? void 0 : anyCfg.title) || "").trim();
+    }
+    function emitRuntimeTitle(cfg) {
+      const runtimeTitle = String((cfg == null ? void 0 : cfg.runtimeTitle) ?? "").trim();
+      if (runtimeTitle) {
+        emit("update:title", runtimeTitle);
+      }
+    }
+    async function loadConfig() {
+      if (props.config) {
+        config.value = props.config;
+        loading.value = false;
+        const saveUrls = resolveSaveUrls(props.config);
+        handleUrlChange({
+          delete: saveUrls.delete,
+          insert: saveUrls.insert,
+          show: props.config.showUrl || "",
+          update: saveUrls.update
+        });
+        emit("config-loaded", { title: titleOf(props.config), width: props.config.width });
+        emitRuntimeTitle(props.config);
+        return;
+      }
+      if (!props.category || !props.name) return;
+      loading.value = true;
+      error.value = null;
+      try {
+        const resp = await fetchFormConfig(props.category, props.name);
+        config.value = resp;
+        const saveUrls = resolveSaveUrls(resp);
+        handleUrlChange({
+          delete: saveUrls.delete,
+          insert: saveUrls.insert,
+          show: resp.showUrl || "",
+          update: saveUrls.update
+        });
+        emit("config-loaded", { title: titleOf(resp), width: resp.width });
+        emitRuntimeTitle(resp);
+      } catch (err) {
+        const msg = (err == null ? void 0 : err.message) ?? "";
+        if (msg.includes("未发现")) {
+          config.value = null;
+        } else {
+          error.value = msg || "加载表单配置失败";
+          config.value = null;
+        }
+      } finally {
+        loading.value = false;
+      }
+    }
+    watch(
+      () => [props.category, props.name, props.config],
+      () => loadConfig(),
+      { immediate: true }
+    );
+    function normalizeSingleRow(resp) {
+      if (resp == null) {
+        return { row: {} };
+      }
+      if (Array.isArray(resp)) {
+        if (resp.length === 0) return { error: "按参数查询未找到数据" };
+        if (resp.length > 1) return { error: "按参数查询返回多条数据，无法确定唯一记录" };
+        return { row: resp[0] ?? {} };
+      }
+      if (typeof resp === "object") {
+        const wrapped = Array.isArray(resp.records) ? resp.records : Array.isArray(resp.datas) ? resp.datas : Array.isArray(resp.data) ? resp.data : null;
+        if (wrapped) {
+          if (wrapped.length === 0) return { error: "按参数查询未找到数据" };
+          if (wrapped.length > 1) return { error: "按参数查询返回多条数据，无法确定唯一记录" };
+          return { row: wrapped[0] ?? {} };
+        }
+      }
+      return { row: resp };
+    }
+    async function fetchSourceData() {
+      const id = normalizeSourceId(props.sourceId);
+      const hasId = id !== void 0;
+      const cfg = config.value;
+      if (hasId) {
+        const url = cfg == null ? void 0 : cfg.showUrl;
+        if (!url) {
+          sourceData.value = void 0;
+          return;
+        }
+        sourceLoading.value = true;
+        try {
+          const resp = await requireHttp().post(url, { id });
+          sourceData.value = resp ?? {};
+        } catch (err) {
+          console.error("加载编辑数据失败:", (err == null ? void 0 : err.message) ?? err);
+          sourceData.value = void 0;
+        } finally {
+          sourceLoading.value = false;
+        }
+        return;
+      }
+      const byParamsUrl = cfg == null ? void 0 : cfg.showByParamsUrl;
+      const cleanExtra = byParamsUrl ? cleanParams(extraParams.value) : {};
+      const hasParams = byParamsUrl && Object.keys(cleanExtra).length > 0;
+      if (byParamsUrl && hasParams) {
+        sourceLoading.value = true;
+        try {
+          const resp = await requireHttp().post(
+            byParamsUrl,
+            { params: cleanExtra }
+          );
+          const { row, error: singleError } = normalizeSingleRow(resp);
+          if (singleError) {
+            platformMessage().error(singleError);
+            throw new Error(singleError);
+          }
+          sourceData.value = row ?? {};
+        } catch (err) {
+          if ((err == null ? void 0 : err.message) && !String(err.message).includes("按参数查询")) {
+            console.error("加载按参数查询数据失败:", (err == null ? void 0 : err.message) ?? err);
+          }
+          sourceData.value = void 0;
+        } finally {
+          sourceLoading.value = false;
+        }
+        return;
+      }
+      sourceData.value = void 0;
+    }
+    const fetchKey = computed(() => {
+      var _a, _b, _c;
+      const id = normalizeSourceId(props.sourceId);
+      if (id !== void 0) {
+        return `id:${id}:${((_a = config.value) == null ? void 0 : _a.showUrl) ?? ""}`;
+      }
+      const byParamsUrl = (_b = config.value) == null ? void 0 : _b.showByParamsUrl;
+      if (byParamsUrl) {
+        return `by:${byParamsUrl}:${JSON.stringify(cleanParams(extraParams.value))}`;
+      }
+      return `none:${((_c = config.value) == null ? void 0 : _c.showUrl) ?? ""}`;
+    });
+    watch(fetchKey, () => fetchSourceData(), { immediate: true });
+    const transformed = computed(() => {
+      if (!config.value) return null;
+      return transformFormConfig(config.value);
+    });
+    const gridConfig = computed(() => {
+      var _a;
+      return (_a = transformed.value) == null ? void 0 : _a.gridConfig;
+    });
+    const labelWidth = computed(() => {
+      var _a;
+      return ((_a = transformed.value) == null ? void 0 : _a.labelWidth) ?? 150;
+    });
+    const innerRef = ref();
+    const saving = ref(false);
+    function parseValidateRegex(raw) {
+      if (!raw) return null;
+      try {
+        const match = /^\/(.+)\/([gimsuy]*)$/.exec(raw.trim());
+        if (match) {
+          return new RegExp(match[1], match[2] || void 0);
+        }
+        return new RegExp(raw.trim());
+      } catch {
+        console.warn(`[DesignForm] 无效的正则表达式: ${raw}`);
+        return null;
+      }
+    }
+    async function handleSave(values) {
+      var _a, _b, _c, _d;
+      const cells = ((_a = gridConfig.value) == null ? void 0 : _a.cells) ?? [];
+      const missing = [];
+      const invalid = [];
+      for (const cell of cells) {
+        const name = cell.name;
+        if (!name) continue;
+        if ((_c = (_b = innerRef.value) == null ? void 0 : _b.isCellHidden) == null ? void 0 : _c.call(_b, cell)) continue;
+        const val = values[name];
+        const label = cell.title || name;
+        if (cell.isneed === "1") {
+          if (val === void 0 || val === null || val === "") {
+            missing.push(label);
+            continue;
+          }
+        }
+        if (cell.validate && val !== void 0 && val !== null && val !== "") {
+          const pattern = parseValidateRegex(cell.validate);
+          if (pattern && !pattern.test(String(val))) {
+            invalid.push({ label, validate: cell.validate });
+          }
+        }
+      }
+      if (missing.length > 0) {
+        const msg = `请填写：${missing.join("、")}`;
+        platformMessage().warning(msg);
+        throw new Error(msg);
+      }
+      if (invalid.length > 0) {
+        const names = invalid.map((i) => i.label).join("、");
+        const msg = `以下字段格式不正确：${names}`;
+        platformMessage().warning(msg);
+        throw new Error(msg);
+      }
+      const recordId = props.sourceId ?? ((_d = effectiveSource.value) == null ? void 0 : _d[pfield.value]);
+      const isUpdate = !!recordId;
+      const url = isUpdate ? urls.value.update : urls.value.insert;
+      if (!url) {
+        const msg = "保存失败：未配置 insertUrl 或 updateUrl";
+        console.error(msg);
+        throw new Error(msg);
+      }
+      saving.value = true;
+      try {
+        const params = {
+          info: values,
+          params: extraParams.value
+        };
+        if (isUpdate) {
+          params.id = recordId;
+        }
+        const result = await requireHttp().post(url, params);
+        emit("saved", result);
+        return result;
+      } catch (err) {
+        console.error("保存失败:", (err == null ? void 0 : err.message) ?? err);
+        throw err;
+      } finally {
+        saving.value = false;
+      }
+    }
+    async function submit() {
+      var _a, _b, _c;
+      const values = ((_c = (_b = (_a = innerRef.value) == null ? void 0 : _a.formApi) == null ? void 0 : _b.getValues) == null ? void 0 : _c.call(_b)) ?? {};
+      return handleSave(values);
+    }
+    function handleDataChange(data) {
+      emit("data-change", data);
+    }
+    async function handleDelete() {
+      var _a;
+      const url = urls.value.delete;
+      if (!url) {
+        console.error("删除失败：未配置 deleteUrl");
+        return;
+      }
+      try {
+        const deleteId = props.sourceId ?? ((_a = effectiveSource.value) == null ? void 0 : _a[pfield.value]);
+        await requireHttp().post(url, { id: deleteId });
+        emit("deleted");
+      } catch (err) {
+        console.error("删除失败:", (err == null ? void 0 : err.message) ?? err);
+      }
+    }
+    const formConfigWidth = computed(() => {
+      var _a;
+      return (_a = config.value) == null ? void 0 : _a.width;
+    });
+    const formConfigTitle = computed(() => {
+      var _a;
+      return (_a = config.value) == null ? void 0 : _a.title;
+    });
+    const route = useRoute();
+    const extraParams = computed(() => {
+      const routeParams = isOwnRoutePage(route.path, props.category, props.name) ? { ...route.params, ...route.query } : {};
+      return buildExtraParams(routeParams, props.parentParams);
+    });
+    const parsedTools = computed(() => {
+      var _a;
+      return ((_a = config.value) == null ? void 0 : _a.toolBars) ?? [];
+    });
+    const toolLabelMap = {
+      add: "新增",
+      save: "保存",
+      submit: "提交",
+      reset: "重置",
+      delete: "删除",
+      "navigate-form": "跳转表单",
+      "navigate-table": "跳转列表",
+      "navigate-combo": "跳转组合视图",
+      "modal-form": "弹窗表单",
+      "modal-table": "弹窗列表",
+      "modal-combo": "弹窗组合视图",
+      "modal-tree": "弹窗树形视图",
+      other: "其他"
+    };
+    function getToolLabel(tool) {
+      return tool.title || tool.label || toolLabelMap[tool.type ?? ""] || tool.type || "";
+    }
+    const toolScope = computed(() => ({
+      params: extraParams.value,
+      data: effectiveSource.value ?? {}
+    }));
+    const toolRefs = ref({});
+    function setToolRef(idx) {
+      return (el) => {
+        toolRefs.value[idx] = el;
+      };
+    }
+    function handleToolClick(tool, idx) {
+      var _a, _b, _c;
+      if (tool.type === "save") {
+        void triggerFormSave();
+        return;
+      }
+      if (tool.type === "submit") {
+        void handleFlowSubmit(tool);
+        return;
+      }
+      if (tool.type === "reset") {
+        (_b = (_a = innerRef.value) == null ? void 0 : _a.formApi) == null ? void 0 : _b.resetForm();
+        return;
+      }
+      if (tool.type === "delete") {
+        void handleDelete();
+        return;
+      }
+      if (tool.type === "other") {
+        emit("tool-command", tool);
+        return;
+      }
+      const inst = toolRefs.value[idx];
+      (_c = inst == null ? void 0 : inst.trigger) == null ? void 0 : _c.call(inst);
+    }
+    async function triggerFormSave() {
+      var _a, _b, _c;
+      try {
+        const values = ((_c = (_b = (_a = innerRef.value) == null ? void 0 : _a.formApi) == null ? void 0 : _b.getValues) == null ? void 0 : _c.call(_b)) ?? {};
+        await handleSave(values);
+      } catch (err) {
+        console.error("[design-form] 工具条保存失败:", (err == null ? void 0 : err.message) ?? err);
+      }
+    }
+    const flowSubmitting = ref(false);
+    const useVbenModalInjected = getHostUi().useVbenModal;
+    const applyModalComp = getHostWorkflow().applyModal;
+    const hasFlowApply = Boolean(useVbenModalInjected && applyModalComp);
+    const [ApplyModal, applyModalApi] = hasFlowApply ? useVbenModalInjected({ connectedComponent: applyModalComp }) : [null, null];
+    function resolveFlowBusinessType() {
+      const cfg = config.value ?? {};
+      return (cfg.relationTableName || cfg.tableName || cfg.dcode || props.name || "").trim();
+    }
+    async function handleFlowSubmit(tool) {
+      var _a, _b, _c, _d, _e, _f, _g, _h;
+      if (!hasFlowApply) {
+        platformMessage().warning(
+          "未注入流程提交能力（host.ui.useVbenModal + host.workflow.applyModal）：本次只保存，不发起流程"
+        );
+        const valuesNoFlow = ((_c = (_b = (_a = innerRef.value) == null ? void 0 : _a.formApi) == null ? void 0 : _b.getValues) == null ? void 0 : _c.call(_b)) ?? {};
+        try {
+          await handleSave(valuesNoFlow);
+        } catch {
+        }
+        return;
+      }
+      const flowCode = (_d = tool == null ? void 0 : tool.flowCode) == null ? void 0 : _d.trim();
+      if (!flowCode) {
+        platformMessage().warning(
+          "该表单「提交」未配置流程编码 flowCode，请先在构建端配置"
+        );
+        return;
+      }
+      const recordId = props.sourceId ?? ((_e = effectiveSource.value) == null ? void 0 : _e[pfield.value]);
+      if (recordId === void 0 || recordId === null || recordId === "") {
+        platformMessage().warning("请先保存记录后再提交流程");
+        return;
+      }
+      const businessType = resolveFlowBusinessType();
+      if (!businessType) {
+        platformMessage().warning("无法确定业务表 code，暂不能发起流程");
+        return;
+      }
+      const values = ((_h = (_g = (_f = innerRef.value) == null ? void 0 : _f.formApi) == null ? void 0 : _g.getValues) == null ? void 0 : _h.call(_g)) ?? {};
+      try {
+        await handleSave(values);
+      } catch {
+        return;
+      }
+      flowSubmitting.value = true;
+      try {
+        const variables = {
+          __designMeta: {
+            businessType,
+            businessId: String(recordId),
+            // 审批详情(/design 通用组件)定位渲染用
+            moduleName: props.category || "",
+            formCode: props.name || "",
+            title: props.taskTitle || ""
+          },
+          entity: values
+        };
+        const start = await designFlowSubmit({
+          businessType,
+          businessId: String(recordId),
+          flowCode,
+          variables
+        });
+        applyModalApi.setData({
+          taskId: String((start == null ? void 0 : start.taskId) ?? ""),
+          taskVariables: variables,
+          variables: {}
+        });
+        applyModalApi.open();
+      } catch (err) {
+        console.error("发起流程失败:", (err == null ? void 0 : err.message) ?? err);
+      } finally {
+        flowSubmitting.value = false;
+      }
+    }
+    function handleFlowApplyClosed() {
+    }
+    const derivedDebug = ref({});
+    function onDerivedChange(snapshot) {
+      derivedDebug.value = snapshot;
+    }
+    const conditionDebug = ref({ scope: {}, items: [] });
+    function onConditionChange(snapshot) {
+      conditionDebug.value = snapshot;
+    }
+    const conditionExprScopeExtra = computed(() => ({
+      label: "条件作用域（派生值）",
+      scope: conditionDebug.value.scope,
+      hint: "渲染条件 / 显示条件表达式的真实作用域：只有派生字段值（裸名 + derivedValues 对象，不含普通表单字段），且只在派生值变化时重算。"
+    }));
+    const devState = computed(() => {
+      var _a;
+      return {
+        props: {
+          category: props.category,
+          name: props.name,
+          config: props.config ? { id: props.config.id, name: props.config.name, title: props.config.title } : null,
+          source: props.source,
+          sourceId: props.sourceId,
+          taskTitle: props.taskTitle,
+          mode: props.mode,
+          parentParams: props.parentParams
+        },
+        route: {
+          params: route.params,
+          query: route.query
+        },
+        extraParams: extraParams.value,
+        config: config.value ? {
+          name: config.value.name,
+          title: config.value.title,
+          pfield: config.value.pfield,
+          labelwidth: config.value.labelwidth,
+          width: config.value.width,
+          insertUrl: config.value.insertUrl,
+          updateUrl: config.value.updateUrl,
+          deleteUrl: config.value.deleteUrl,
+          showUrl: config.value.showUrl,
+          showByParamsUrl: config.value.showByParamsUrl,
+          toolBars: config.value.toolBars,
+          /** 完整表单配置（cells 网格、totalRow/Col、colWidths/rowHeights 等） */
+          formContent: config.value.config
+        } : null,
+        urls: urls.value,
+        sourceData: {
+          sourceLoading: sourceLoading.value,
+          effectiveSource: effectiveSource.value
+        },
+        derivedFieldList: ((_a = config.value) == null ? void 0 : _a.derivedFieldList) ?? null,
+        derivedValues: derivedDebug.value,
+        /** 单元格条件（vif/vshow）：作用域 + 每个配了条件的格的求值结果 */
+        conditionScope: conditionDebug.value.scope,
+        cellConditions: conditionDebug.value.items,
+        pfield: pfield.value,
+        loading: loading.value,
+        error: error.value
+      };
+    });
+    __expose({
+      getFormApi: () => {
+        var _a;
+        return (_a = innerRef.value) == null ? void 0 : _a.formApi;
+      },
+      /** 程序化提交入口：取当前表单值并走统一保存逻辑（供父组件/宿主调用） */
+      submit,
+      /** 保存进行中状态（供宿主读取，如同步到 drawer confirmLoading） */
+      saving,
+      /** 表单配置的宽度（供抽屉组件读取） */
+      formConfigWidth,
+      /** 表单配置的标题（供抽屉组件读取） */
+      formConfigTitle,
+      /** 开发面板状态（本库不渲染调试台，留给宿主调试台按需读取） */
+      devState,
+      toolScope
+    });
+    watch(
+      () => parsedTools.value.map((tool) => tool.type),
+      (types) => types.forEach((type) => resolveToolComponent(type)),
+      { immediate: true }
+    );
+    return (_ctx, _cache) => {
+      const _component_a_button = resolveComponent("a-button");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        __props.taskTitle ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(__props.taskTitle), 1)) : createCommentVNode("", true),
+        loading.value ? (openBlock(), createElementBlock("div", _hoisted_3, [
+          createVNode(unref(Spin), {
+            spinning: true,
+            tip: "加载表单配置中..."
+          })
+        ])) : error.value ? (openBlock(), createElementBlock("div", _hoisted_4, [
+          createVNode(unref(Alert), {
+            message: error.value,
+            type: "error",
+            "show-icon": "",
+            closable: "",
+            onClose: _cache[0] || (_cache[0] = ($event) => error.value = null)
+          }, null, 8, ["message"])
+        ])) : !config.value ? (openBlock(), createBlock(unref(Result), {
+          key: 3,
+          status: "404",
+          title: "未发现表单配置",
+          "sub-title": "该表单尚未在构建端完成配置，或配置名称有误"
+        })) : (openBlock(), createElementBlock("div", _hoisted_5, [
+          createVNode(DesignFormInner, {
+            ref_key: "innerRef",
+            ref: innerRef,
+            "grid-config": gridConfig.value,
+            "label-width": labelWidth.value,
+            source: effectiveSource.value,
+            pfield: pfield.value,
+            "extra-params": extraParams.value,
+            category: __props.category,
+            onDataChange: handleDataChange,
+            onDerivedChange,
+            onConditionChange
+          }, null, 8, ["grid-config", "label-width", "source", "pfield", "extra-params", "category"]),
+          parsedTools.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_6, [
+            createVNode(unref(Space), null, {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(parsedTools.value, (tool, idx) => {
+                  return openBlock(), createBlock(_component_a_button, {
+                    key: idx,
+                    type: ["add", "save", "submit"].includes(tool.type ?? "") ? "primary" : "default",
+                    danger: tool.type === "delete",
+                    loading: tool.type === "submit" && flowSubmitting.value,
+                    onClick: ($event) => handleToolClick(tool, idx)
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(getToolLabel(tool)), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["type", "danger", "loading", "onClick"]);
+                }), 128))
+              ]),
+              _: 1
+            }),
+            (openBlock(true), createElementBlock(Fragment, null, renderList(parsedTools.value, (tool, idx) => {
+              return openBlock(), createBlock(resolveDynamicComponent(unref(resolveToolComponent)(tool.type)), {
+                key: "drawer-" + idx,
+                ref_for: true,
+                ref: setToolRef(idx),
+                tool,
+                category: __props.category,
+                pfield: pfield.value,
+                "extra-params": extraParams.value,
+                "mapping-scope": toolScope.value
+              }, null, 8, ["tool", "category", "pfield", "extra-params", "mapping-scope"]);
+            }), 128))
+          ])) : createCommentVNode("", true)
+        ])),
+        unref(ApplyModal) ? (openBlock(), createBlock(resolveDynamicComponent(unref(ApplyModal)), {
+          key: 5,
+          onComplete: handleFlowApplyClosed,
+          onCancel: handleFlowApplyClosed
+        }, null, 32)) : createCommentVNode("", true),
+        createVNode(DesignDevStateButton, {
+          "designer-category": __props.category,
+          "designer-name": __props.name,
+          "expr-scope": toolScope.value,
+          "expr-scope-extra": conditionExprScopeExtra.value,
+          "expr-scope-labels": {
+            params: "组件自身参数（extraParams）",
+            data: "当前记录 / 上游数据"
+          },
+          state: devState.value,
+          top: __props.devButtonTop,
+          "designer-type": "form",
+          title: "DesignForm"
+        }, null, 8, ["designer-category", "designer-name", "expr-scope", "expr-scope-extra", "state", "top"])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};