@jzg223/design-runtime 0.0.0-stage → 0.0.1

package/dist/components/design-table/row-actions/navigate-comb-action2.vue.js

@@ -0,0 +1,47 @@
+import { defineComponent, openBlock, createBlock, unref, withCtx, createTextVNode, toDisplayString } from "vue";
+import { Button } from "antdv-next";
+import { useRouter } from "vue-router";
+import { buildNavigateQuery } from "../../../table/row-action-mapping.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "DesignTableNavigateCombAction" },
+  __name: "navigate-comb-action",
+  props: {
+    action: {},
+    category: {},
+    params: {},
+    pfield: {},
+    row: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const router = useRouter();
+    function handleClick() {
+      const category = props.action.targetComboCategory || props.category || "";
+      const name = props.action.targetComboName;
+      if (!category || !name) return;
+      const query = buildNavigateQuery(
+        props.action.mappings,
+        props.params ?? {},
+        props.row,
+        props.pfield
+      );
+      router.push({ path: `/design/comb/${category}/${name}`, query }).catch(() => {
+      });
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Button), {
+        size: "small",
+        type: "link",
+        onClick: handleClick
+      }, {
+        default: withCtx(() => [
+          createTextVNode(toDisplayString(__props.action.title), 1)
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/design-table/row-actions/navigate-form-action.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./navigate-form-action2.vue.js";
+export {
+  _sfc_main as default
+};

package/dist/components/design-table/row-actions/navigate-form-action2.vue.js

@@ -0,0 +1,47 @@
+import { defineComponent, openBlock, createBlock, unref, withCtx, createTextVNode, toDisplayString } from "vue";
+import { Button } from "antdv-next";
+import { useRouter } from "vue-router";
+import { buildNavigateQuery } from "../../../table/row-action-mapping.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "DesignTableNavigateFormAction" },
+  __name: "navigate-form-action",
+  props: {
+    action: {},
+    category: {},
+    params: {},
+    pfield: {},
+    row: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const router = useRouter();
+    function handleClick() {
+      const category = props.action.targetFormCategory || props.category || "";
+      const name = props.action.targetFormName;
+      if (!category || !name) return;
+      const query = buildNavigateQuery(
+        props.action.mappings,
+        props.params ?? {},
+        props.row,
+        props.pfield
+      );
+      router.push({ path: `/design/form/${category}/${name}`, query }).catch(() => {
+      });
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Button), {
+        size: "small",
+        type: "link",
+        onClick: handleClick
+      }, {
+        default: withCtx(() => [
+          createTextVNode(toDisplayString(__props.action.title), 1)
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/design-table/row-actions/navigate-table-action.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./navigate-table-action2.vue.js";
+export {
+  _sfc_main as default
+};

package/dist/components/design-table/row-actions/navigate-table-action2.vue.js

@@ -0,0 +1,47 @@
+import { defineComponent, openBlock, createBlock, unref, withCtx, createTextVNode, toDisplayString } from "vue";
+import { Button } from "antdv-next";
+import { useRouter } from "vue-router";
+import { buildNavigateQuery } from "../../../table/row-action-mapping.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "DesignTableNavigateTableAction" },
+  __name: "navigate-table-action",
+  props: {
+    action: {},
+    category: {},
+    params: {},
+    pfield: {},
+    row: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const router = useRouter();
+    function handleClick() {
+      const category = props.action.targetTableCategory || props.category || "";
+      const name = props.action.targetTableName;
+      if (!category || !name) return;
+      const query = buildNavigateQuery(
+        props.action.mappings,
+        props.params ?? {},
+        props.row,
+        props.pfield
+      );
+      router.push({ path: `/design/table/${category}/${name}`, query }).catch(() => {
+      });
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Button), {
+        size: "small",
+        type: "link",
+        onClick: handleClick
+      }, {
+        default: withCtx(() => [
+          createTextVNode(toDisplayString(__props.action.title), 1)
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/design-table/row-actions/navigate-tree-action.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./navigate-tree-action2.vue.js";
+export {
+  _sfc_main as default
+};

package/dist/components/design-table/row-actions/navigate-tree-action2.vue.js

@@ -0,0 +1,47 @@
+import { defineComponent, openBlock, createBlock, unref, withCtx, createTextVNode, toDisplayString } from "vue";
+import { Button } from "antdv-next";
+import { useRouter } from "vue-router";
+import { buildNavigateQuery } from "../../../table/row-action-mapping.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "DesignTableNavigateTreeAction" },
+  __name: "navigate-tree-action",
+  props: {
+    action: {},
+    category: {},
+    params: {},
+    pfield: {},
+    row: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const router = useRouter();
+    function handleClick() {
+      const category = props.action.targetTreeCategory || props.category || "";
+      const name = props.action.targetTreeName;
+      if (!category || !name) return;
+      const query = buildNavigateQuery(
+        props.action.mappings,
+        props.params ?? {},
+        props.row,
+        props.pfield
+      );
+      router.push({ path: `/design/tree/${category}/${name}`, query }).catch(() => {
+      });
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Button), {
+        size: "small",
+        type: "link",
+        onClick: handleClick
+      }, {
+        default: withCtx(() => [
+          createTextVNode(toDisplayString(__props.action.title), 1)
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/design-table/row-actions/other-action.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./other-action2.vue.js";
+export {
+  _sfc_main as default
+};

package/dist/components/design-table/row-actions/other-action2.vue.js

@@ -0,0 +1,44 @@
+import { defineComponent, openBlock, createBlock, unref, withCtx, createTextVNode, toDisplayString } from "vue";
+import { Button } from "antdv-next";
+import { executeCommand } from "../../design-tools/command-executor.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "DesignTableOtherAction" },
+  __name: "other-action",
+  props: {
+    action: {},
+    category: {},
+    gridApi: {},
+    pfield: {},
+    row: {}
+  },
+  emits: ["command"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    function handleClick() {
+      emit("command", props.action, props.row);
+      executeCommand(props.action.command, {
+        action: props.action,
+        category: props.category,
+        gridApi: props.gridApi,
+        pfield: props.pfield,
+        row: props.row
+      });
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Button), {
+        size: "small",
+        type: "link",
+        onClick: handleClick
+      }, {
+        default: withCtx(() => [
+          createTextVNode(toDisplayString(__props.action.title), 1)
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/design-tools/add-tool.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./add-tool2.vue.js";
+export {
+  _sfc_main as default
+};

package/dist/components/design-tools/add-tool2.vue.js

@@ -0,0 +1,136 @@
+import { defineComponent, computed, ref, unref, openBlock, createBlock, resolveDynamicComponent, withCtx, createCommentVNode } from "vue";
+import { Drawer } from "antdv-next";
+import { getHostPopup } from "../../host.js";
+import { fetchFormConfig } from "../../api.js";
+import DesignForm from "../../form/design-form.vue.js";
+import { usePopupHost } from "../design-shared/popup-host.js";
+import { DEFAULT_POPUP_WIDTH, resolvePopupWidth } from "../../utils/popup-width.js";
+import { buildMappedParams } from "../../mapping.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "DesignTableAddTool" },
+  __name: "add-tool",
+  props: {
+    tool: {},
+    category: {},
+    gridApi: {},
+    extraParams: {},
+    mappingScope: {}
+  },
+  emits: ["saved"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const popupHost = usePopupHost();
+    const useAntd = computed(() => popupHost === "antd" || !useVbenDrawer);
+    const formCategory = computed(() => {
+      return props.tool.targetFormCategory || props.category || "";
+    });
+    const toolLabel = props.tool.title || props.tool.label || "新增";
+    const formExtraParams = computed(() => ({
+      ...buildMappedParams(props.tool, props.mappingScope ?? {})
+    }));
+    const formRef = ref(null);
+    const useVbenDrawer = getHostPopup("drawer");
+    const [AddDrawer, addDrawerApi] = useVbenDrawer ? useVbenDrawer({ onClosed: handleClosed }) : [null, null];
+    let widthStyleEl = null;
+    function setDrawerWidth(width) {
+      if (widthStyleEl) {
+        widthStyleEl.textContent = `.design-add-drawer{width:${width}px!important}`;
+      } else {
+        widthStyleEl = document.createElement("style");
+        widthStyleEl.textContent = `.design-add-drawer{width:${width}px!important}`;
+        document.head.appendChild(widthStyleEl);
+      }
+    }
+    const antdOpen = ref(false);
+    const antdTitle = ref(toolLabel);
+    const antdWidth = ref(DEFAULT_POPUP_WIDTH);
+    const opening = ref(false);
+    const fetchedConfig = ref(null);
+    const openSeq = ref(0);
+    async function open() {
+      if (!props.tool.targetFormName) return;
+      opening.value = true;
+      try {
+        const cfg = await fetchFormConfig(formCategory.value, props.tool.targetFormName);
+        fetchedConfig.value = cfg;
+        openSeq.value += 1;
+        const width = resolvePopupWidth(cfg.width, props.tool.formWidth);
+        const title = cfg.title ? `${toolLabel} - ${cfg.title}` : toolLabel;
+        if (useAntd.value) {
+          antdWidth.value = width;
+          antdTitle.value = title;
+          antdOpen.value = true;
+          return;
+        }
+        setDrawerWidth(width);
+        addDrawerApi.setState({ class: "design-add-drawer", title, footer: false });
+        addDrawerApi.open();
+      } catch (err) {
+        console.error("加载表单配置失败:", (err == null ? void 0 : err.message) ?? err);
+      } finally {
+        opening.value = false;
+      }
+    }
+    function handleSaved() {
+      var _a, _b;
+      if (useAntd.value) {
+        antdOpen.value = false;
+      } else {
+        addDrawerApi.setState({ confirmLoading: false });
+        addDrawerApi.close();
+      }
+      (_b = (_a = props.gridApi) == null ? void 0 : _a.query) == null ? void 0 : _b.call(_a);
+      emit("saved");
+    }
+    function handleClosed() {
+      addDrawerApi.setState({ class: "", confirmLoading: false });
+      if (widthStyleEl) {
+        widthStyleEl.remove();
+        widthStyleEl = null;
+      }
+    }
+    __expose({ trigger: open });
+    return (_ctx, _cache) => {
+      return !useAntd.value && unref(AddDrawer) ? (openBlock(), createBlock(resolveDynamicComponent(unref(AddDrawer)), { key: 0 }, {
+        default: withCtx(() => [
+          __props.tool.targetFormName && fetchedConfig.value ? (openBlock(), createBlock(DesignForm, {
+            ref_key: "formRef",
+            ref: formRef,
+            key: `${__props.tool.targetFormName}-${openSeq.value}`,
+            config: fetchedConfig.value,
+            category: formCategory.value,
+            name: __props.tool.targetFormName,
+            "parent-params": formExtraParams.value,
+            mode: "standalone",
+            onSaved: handleSaved
+          }, null, 8, ["config", "category", "name", "parent-params"])) : createCommentVNode("", true)
+        ]),
+        _: 1
+      })) : (openBlock(), createBlock(unref(Drawer), {
+        key: 1,
+        open: antdOpen.value,
+        title: antdTitle.value,
+        width: antdWidth.value,
+        closable: true,
+        onClose: _cache[0] || (_cache[0] = ($event) => antdOpen.value = false)
+      }, {
+        default: withCtx(() => [
+          __props.tool.targetFormName && fetchedConfig.value ? (openBlock(), createBlock(DesignForm, {
+            key: `antd-add-${__props.tool.targetFormName}-${openSeq.value}`,
+            config: fetchedConfig.value,
+            category: formCategory.value,
+            name: __props.tool.targetFormName,
+            "parent-params": formExtraParams.value,
+            mode: "standalone",
+            onSaved: handleSaved
+          }, null, 8, ["config", "category", "name", "parent-params"])) : createCommentVNode("", true)
+        ]),
+        _: 1
+      }, 8, ["open", "title", "width"]));
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/design-tools/command-executor.js

@@ -0,0 +1,135 @@
+import { ref, createApp, h } from "vue";
+import { Modal } from "antdv-next";
+import { getDesignHost } from "../../host.js";
+import { resolveDesignComponent } from "../../registry.js";
+import { platformMessage } from "../design-shared/host-api.js";
+function mountInModal(Comp, opts = {}) {
+  const container = document.createElement("div");
+  document.body.appendChild(container);
+  const open = ref(true);
+  let app;
+  const close = () => {
+    open.value = false;
+    window.setTimeout(() => {
+      app == null ? void 0 : app.unmount();
+      container.remove();
+    }, 300);
+  };
+  const Wrapper = {
+    setup() {
+      return () => h(
+        Modal,
+        {
+          footer: null,
+          onCancel: close,
+          open: open.value,
+          title: opts.title,
+          width: opts.width ?? 720
+        },
+        { default: () => h(Comp, { ...opts.props, ...opts.on }) }
+      );
+    }
+  };
+  app = createApp(Wrapper);
+  app.mount(container);
+  return { close };
+}
+async function openComponent(comname, opts = {}) {
+  const name = String(comname ?? "").trim();
+  const Comp = resolveDesignComponent(name);
+  if (!Comp) {
+    throw new Error(
+      `[design-runtime] openComponent 未注册的组件「${name}」：请在宿主的注册表里用 registerComponents() 登记这个名字（旧写法 /src/views/xxx.vue 的路径式加载已废弃）`
+    );
+  }
+  return mountInModal(Comp, opts);
+}
+let warnedNav = false;
+let warnedModal = false;
+async function executeCommand(command, context, helpers = {}) {
+  if (!(command == null ? void 0 : command.trim())) return;
+  const { row = {}, action } = context;
+  const message = platformMessage();
+  const api = {
+    /** 打开 URL */
+    openUrl: (url, target = "_blank") => window.open(url, target),
+    /** SPA 内部路由跳转（调用方传入的 vue-router 实例） */
+    navigate: (to, options = {}) => {
+      var _a;
+      const { nav } = context;
+      if (!nav) {
+        if (!warnedNav) {
+          warnedNav = true;
+          console.warn(
+            "[design-runtime] 脚本调用了 api.navigate，但上下文没有 nav：请在组件里把 useRouter() 的结果作为 ctx.nav 传入 executeCommand()"
+          );
+        }
+        return;
+      }
+      const navResult = options.replace ? ((_a = nav.replace) == null ? void 0 : _a.call(nav, to)) ?? nav.push(to) : nav.push(to);
+      Promise.resolve(navResult).catch(
+        (error) => console.error("路由跳转失败:", error)
+      );
+    },
+    /** 动态加载组件并渲染到弹窗（comname 注册表） */
+    openComponent,
+    /** 刷新表格 */
+    refresh: () => {
+      var _a, _b;
+      return (_b = (_a = context.gridApi) == null ? void 0 : _a.query) == null ? void 0 : _b.call(_a);
+    },
+    /** 全局消息（宿主 message） */
+    message,
+    /** 确认框（宿主 modal.confirm） */
+    confirm: (opts) => {
+      const { modal } = getDesignHost();
+      if (!modal) {
+        warnMissingModal("confirm");
+        return;
+      }
+      modal.confirm(opts);
+    },
+    /** 打开一个信息/确认弹窗 */
+    openDialog: (opts = {}) => {
+      const { title = "提示", content = "", onOk } = opts;
+      const { modal } = getDesignHost();
+      if (!modal) {
+        warnMissingModal("openDialog");
+        message.warning(String(content) || String(title));
+        return;
+      }
+      if (onOk) {
+        modal.confirm({ content, onOk, title });
+      } else if (modal.info) {
+        modal.info({ content, title });
+      } else {
+        message.warning(String(content) || String(title));
+      }
+    },
+    ...helpers
+  };
+  const fn = new Function(
+    "row",
+    "action",
+    "ctx",
+    "api",
+    `"use strict"; return (async function () { ${command} })();`
+  );
+  try {
+    return await fn(row, action, context, api);
+  } catch (err) {
+    console.error("[design-runtime] 脚本执行失败:", err);
+    message.error(`脚本执行失败：${(err == null ? void 0 : err.message) ?? err}`);
+  }
+}
+function warnMissingModal(where) {
+  if (warnedModal) return;
+  warnedModal = true;
+  console.warn(
+    `[design-runtime] 脚本用了 api.${where}，但未注入 host.modal：已降级为轻提示。请在 installDesignPlatform({ modal }) 里注入 antd 的 modal 实例`
+  );
+}
+export {
+  executeCommand,
+  openComponent
+};

package/dist/components/design-tools/export-tool.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./export-tool2.vue.js";
+export {
+  _sfc_main as default
+};

package/dist/components/design-tools/export-tool2.vue.js

@@ -0,0 +1,46 @@
+import { defineComponent, ref, createCommentVNode } from "vue";
+import { requireHttp } from "../../host.js";
+import { downloadByData } from "../../utils/download.js";
+import { platformMessage } from "../design-shared/host-api.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "DesignTableExportTool" },
+  __name: "export-tool",
+  props: {
+    tool: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const exporting = ref(false);
+    const message = platformMessage();
+    async function execute() {
+      if (!props.tool.url) return;
+      exporting.value = true;
+      const hide = message.loading("导出中，请稍候...");
+      try {
+        const http = requireHttp();
+        if (!http.download) {
+          throw new Error(
+            "宿主未提供 http.download 能力：导出需要下载二进制流，请在 installDesignPlatform({ http: { ..., download } }) 里实现"
+          );
+        }
+        const blob = await http.download(props.tool.url);
+        hide();
+        downloadByData(blob, `export_${Date.now()}.xlsx`);
+        message.success("导出成功");
+      } catch (err) {
+        hide();
+        console.error("导出失败:", (err == null ? void 0 : err.message) ?? err);
+        message.error(`导出失败：${(err == null ? void 0 : err.message) ?? err}`);
+      } finally {
+        exporting.value = false;
+      }
+    }
+    __expose({ trigger: execute });
+    return (_ctx, _cache) => {
+      return createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/design-tools/import-tool.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./import-tool2.vue.js";
+export {
+  _sfc_main as default
+};