@jzg223/design-runtime 0.0.0-stage → 0.0.1

package/dist/tree/design-tree2.vue.js

@@ -0,0 +1,783 @@
+import { defineComponent, ref, watch, computed, onBeforeUnmount, nextTick, resolveComponent, openBlock, createElementBlock, createVNode, unref, createBlock, withCtx, Fragment, renderList, createTextVNode, toDisplayString, resolveDynamicComponent, createCommentVNode, createElementVNode, normalizeStyle, withModifiers } from "vue";
+import { useRoute, useRouter } from "vue-router";
+import { Spin, Alert, Result, Space, Button, Tree, Empty } from "antdv-next";
+import { fetchTreeViewConfig, fetchDataSetMeta, fetchDataSetTreeAsync, fetchDataSetTreeSync, fetchTreeNodeCount } from "../api.js";
+import DesignTable from "../components/design-table/design-table.vue.js";
+import { resolveToolComponent } from "../components/design-tools/index.js";
+import DesignDevStateButton from "../components/design-debug/dev-state-button.vue.js";
+import DesignComb from "../comb/design-comb.vue.js";
+import DesignForm from "../form/design-form.vue.js";
+import { isOwnRoutePage, buildExtraParams, evaluateMappedExpress, buildMappedParams } from "../mapping.js";
+const _hoisted_1 = { class: "design-tree" };
+const _hoisted_2 = {
+  key: 0,
+  class: "flex-center py-20"
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "py-8"
+};
+const _hoisted_4 = {
+  key: 3,
+  class: "design-tree-main"
+};
+const _hoisted_5 = {
+  key: 0,
+  class: "design-tree-toolbar"
+};
+const _hoisted_6 = { class: "design-tree-layout" };
+const _hoisted_7 = { class: "design-tree-body" };
+const _hoisted_8 = ["title"];
+const _hoisted_9 = { class: "tree-node-title__text" };
+const _hoisted_10 = {
+  key: 0,
+  class: "tree-node-title__count"
+};
+const _hoisted_11 = { class: "design-tree-relation" };
+const _hoisted_12 = {
+  key: 0,
+  class: "flex-center flex-1"
+};
+const _hoisted_13 = {
+  key: 1,
+  class: "flex-center flex-1"
+};
+const TREE_WIDTH_MIN = 160;
+const TREE_WIDTH_MAX = 900;
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "DesignTree" },
+  __name: "design-tree",
+  props: {
+    category: { default: "" },
+    name: { default: "" },
+    config: { default: null },
+    parentParams: { default: void 0 },
+    devButtonTop: { default: 10 }
+  },
+  emits: ["update:title", "update:remarks", "update:has-config", "config-loaded", "tool-command"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const route = useRoute();
+    const router = useRouter();
+    const loading = ref(false);
+    const error = ref(null);
+    const config = ref(null);
+    async function loadConfig() {
+      if (props.config) {
+        config.value = props.config;
+        loading.value = false;
+        emit("update:has-config", true);
+        void loadTreeByConfig();
+        return;
+      }
+      if (!props.category || !props.name) return;
+      loading.value = true;
+      error.value = null;
+      try {
+        config.value = await fetchTreeViewConfig(props.category, props.name);
+      } 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;
+      }
+      emit("update:has-config", Boolean(config.value));
+      void loadTreeByConfig();
+    }
+    watch(
+      () => [props.category, props.name, props.config],
+      () => loadConfig(),
+      { immediate: true }
+    );
+    const title = computed(() => {
+      var _a;
+      return String(((_a = config.value) == null ? void 0 : _a.runtimeTitle) ?? "").trim();
+    });
+    watch(title, (val) => {
+      if (val) {
+        emit("update:title", val);
+      }
+    }, { immediate: true });
+    watch(
+      () => config.value,
+      (cfg) => emit("config-loaded", cfg ?? null),
+      { immediate: true }
+    );
+    watch(
+      () => {
+        var _a;
+        return (_a = config.value) == null ? void 0 : _a.remarks;
+      },
+      (val) => emit("update:remarks", val ?? ""),
+      { immediate: true }
+    );
+    const configTreeWidth = computed(() => {
+      var _a;
+      const w = Number((_a = config.value) == null ? void 0 : _a.treeWidth);
+      return Number.isFinite(w) && w > 0 ? w : 260;
+    });
+    const widthStorageKey = computed(
+      () => `design-tree-width:${[props.category, props.name].filter(Boolean).join("/")}`
+    );
+    const treeWidth = ref(260);
+    function clampWidth(w) {
+      return Math.min(TREE_WIDTH_MAX, Math.max(TREE_WIDTH_MIN, Math.round(w)));
+    }
+    function initTreeWidth() {
+      let w = configTreeWidth.value;
+      try {
+        const saved = Number(localStorage.getItem(widthStorageKey.value));
+        if (Number.isFinite(saved) && saved > 0) w = saved;
+      } catch {
+      }
+      treeWidth.value = clampWidth(w);
+    }
+    watch([configTreeWidth, widthStorageKey], () => initTreeWidth(), { immediate: true });
+    const dragState = ref(null);
+    function onResizeStart(e) {
+      dragState.value = { startX: e.clientX, startW: treeWidth.value };
+      document.addEventListener("mousemove", onResizeMove);
+      document.addEventListener("mouseup", onResizeEnd);
+      e.preventDefault();
+    }
+    function onResizeMove(e) {
+      if (!dragState.value) return;
+      treeWidth.value = clampWidth(
+        dragState.value.startW + (e.clientX - dragState.value.startX)
+      );
+    }
+    function onResizeEnd() {
+      if (dragState.value) {
+        try {
+          localStorage.setItem(widthStorageKey.value, String(treeWidth.value));
+        } catch {
+        }
+      }
+      dragState.value = null;
+      document.removeEventListener("mousemove", onResizeMove);
+      document.removeEventListener("mouseup", onResizeEnd);
+    }
+    onBeforeUnmount(() => {
+      document.removeEventListener("mousemove", onResizeMove);
+      document.removeEventListener("mouseup", onResizeEnd);
+    });
+    const treeData = ref([]);
+    const flatRows = ref([]);
+    const selectedKeys = ref([]);
+    const expandedKeys = ref([]);
+    const treeLoading = ref(false);
+    const treeError = ref(null);
+    const treeMeta = ref(null);
+    const asyncLoadedKeys = ref(/* @__PURE__ */ new Set());
+    let treeLoadSeq = 0;
+    function normalizeRows(resp) {
+      if (Array.isArray(resp)) return resp;
+      if (resp && Array.isArray(resp.datas)) return resp.datas;
+      if (resp && Array.isArray(resp.data)) return resp.data;
+      return [];
+    }
+    function collectRows(nodes, out, seen) {
+      for (const node of nodes || []) {
+        if (!node) continue;
+        const sk = (node == null ? void 0 : node.key) === void 0 || (node == null ? void 0 : node.key) === null ? "" : String(node.key);
+        if (sk && !seen.has(sk)) {
+          seen.add(sk);
+          const { children, ...row } = node;
+          out.push(row);
+        }
+        if (Array.isArray(node.children) && node.children.length > 0) {
+          collectRows(node.children, out, seen);
+        }
+      }
+    }
+    function applyTree(nodes, expandRoots) {
+      treeData.value = nodes || [];
+      const flat = [];
+      collectRows(nodes || [], flat, /* @__PURE__ */ new Set());
+      flatRows.value = flat;
+      treeLoading.value = false;
+      treeError.value = null;
+      const rootKeys = (nodes || []).map((n) => n == null ? void 0 : n.key).filter((k) => k !== void 0 && k !== null);
+      expandedKeys.value = rootKeys;
+      const first = (nodes || [])[0];
+      selectedKeys.value = (first == null ? void 0 : first.key) === void 0 ? [] : [first.key];
+      void loadNodeCounts(flat);
+    }
+    function buildTreeParams() {
+      return { ...extraParams.value };
+    }
+    async function loadTreeByConfig() {
+      var _a;
+      const seq = ++treeLoadSeq;
+      treeLoading.value = true;
+      treeError.value = null;
+      treeData.value = [];
+      flatRows.value = [];
+      expandedKeys.value = [];
+      asyncLoadedKeys.value = /* @__PURE__ */ new Set();
+      nodeCountMap.value = {};
+      const code = (_a = config.value) == null ? void 0 : _a.dataSetName;
+      if (!code) {
+        treeLoading.value = false;
+        return;
+      }
+      try {
+        const meta = await fetchDataSetMeta(code);
+        if (seq !== treeLoadSeq) return;
+        treeMeta.value = meta;
+        if ((meta == null ? void 0 : meta.setType) && meta.setType !== "tree") {
+          treeError.value = `绑定的数据集「${meta.setName || code}」不是树形类型，请在构建端把数据集类型设为树形`;
+          treeLoading.value = false;
+          return;
+        }
+        const asyncMode = (meta == null ? void 0 : meta.requestMode) === "async";
+        if (asyncMode) {
+          const roots = normalizeRows(
+            await fetchDataSetTreeAsync(code, null, buildTreeParams())
+          );
+          if (seq !== treeLoadSeq) return;
+          const withKids = await Promise.all(
+            (roots || []).map(async (root) => {
+              if (!root || !root.hasChild) return root;
+              try {
+                const kids = normalizeRows(
+                  await fetchDataSetTreeAsync(code, root.key, buildTreeParams())
+                );
+                return { ...root, children: kids };
+              } catch {
+                return root;
+              }
+            })
+          );
+          if (seq !== treeLoadSeq) return;
+          applyTree(withKids, true);
+        } else {
+          const roots = normalizeRows(
+            await fetchDataSetTreeSync(code, buildTreeParams())
+          );
+          if (seq !== treeLoadSeq) return;
+          applyTree(roots, true);
+        }
+      } catch (err) {
+        if (seq !== treeLoadSeq) return;
+        treeError.value = (err == null ? void 0 : err.message) ?? "加载树数据失败";
+        treeLoading.value = false;
+      }
+    }
+    function patchTreeNodeChildren(nodes, key, children) {
+      return (nodes || []).map((node) => {
+        if ((node == null ? void 0 : node.key) === void 0 || (node == null ? void 0 : node.key) === null) return node;
+        if (String(node.key) === key) {
+          return { ...node, children };
+        }
+        if (Array.isArray(node.children) && node.children.length > 0) {
+          return { ...node, children: patchTreeNodeChildren(node.children, key, children) };
+        }
+        return node;
+      });
+    }
+    async function onTreeLoadData(node) {
+      var _a;
+      const key = node == null ? void 0 : node.key;
+      if (key === void 0 || key === null) return;
+      const code = (_a = config.value) == null ? void 0 : _a.dataSetName;
+      if (!code) return;
+      const sk = String(key);
+      const loaded = asyncLoadedKeys.value;
+      if (loaded.has(sk)) return;
+      loaded.add(sk);
+      try {
+        const kids = normalizeRows(
+          await fetchDataSetTreeAsync(code, key, buildTreeParams())
+        );
+        treeData.value = patchTreeNodeChildren(treeData.value, sk, kids);
+        const flat = [];
+        collectRows(kids, flat, /* @__PURE__ */ new Set());
+        flatRows.value = flatRows.value.concat(flat);
+        void loadNodeCounts(kids);
+      } catch (err) {
+        loaded.delete(sk);
+        throw err;
+      }
+    }
+    function handleTreeSelect(keys) {
+      selectedKeys.value = keys;
+    }
+    const nodeCountConfig = computed(() => {
+      var _a;
+      const cfg = (_a = config.value) == null ? void 0 : _a.nodeCount;
+      if (!cfg || typeof cfg !== "object" || cfg.enabled !== true) return null;
+      if (!cfg.keyColumn || !cfg.valueColumn) return null;
+      return cfg;
+    });
+    const nodeCountMap = ref({});
+    function nodeMatchValue(node) {
+      var _a;
+      const field = String(((_a = nodeCountConfig.value) == null ? void 0 : _a.matchField) ?? "").trim();
+      if (!field) return node == null ? void 0 : node.key;
+      return resolveScopePath(node ?? {}, field);
+    }
+    function countTextOf(node) {
+      const cfg = nodeCountConfig.value;
+      if (!cfg) return "";
+      const value = nodeMatchValue(node);
+      const key = value === void 0 || value === null ? "" : String(value);
+      const raw = key !== "" && Object.prototype.hasOwnProperty.call(nodeCountMap.value, key) ? nodeCountMap.value[key] : cfg.defaultValue;
+      if (raw === void 0 || raw === null || raw === "") return "";
+      const text = String(raw).trim();
+      if (text === "") return "";
+      if (cfg.hideZero && Number(text) === 0) return "";
+      return text + String(cfg.suffix ?? "");
+    }
+    async function loadNodeCounts(nodes) {
+      const cfg = nodeCountConfig.value;
+      if (!cfg || !props.category || !props.name) return;
+      const keys = [];
+      const seen = /* @__PURE__ */ new Set();
+      for (const node of nodes || []) {
+        const value = nodeMatchValue(node);
+        if (value === void 0 || value === null || String(value) === "") continue;
+        const sk = String(value);
+        if (seen.has(sk)) continue;
+        seen.add(sk);
+        keys.push(value);
+      }
+      if (keys.length === 0) return;
+      const treeSeq = treeLoadSeq;
+      try {
+        const data = await fetchTreeNodeCount(
+          props.category,
+          props.name,
+          keys,
+          buildTreeParams()
+        );
+        if (treeSeq !== treeLoadSeq) return;
+        const next = { ...nodeCountMap.value };
+        for (const [key, value] of Object.entries(data || {})) {
+          if (value === void 0 || value === null || String(value).trim() === "") continue;
+          next[key] = value;
+        }
+        nodeCountMap.value = next;
+      } catch {
+      }
+    }
+    const relationType = computed(() => {
+      var _a;
+      return ((_a = config.value) == null ? void 0 : _a.relationType) ?? "";
+    });
+    const relationTargetName = computed(
+      () => {
+        var _a;
+        return ((_a = config.value) == null ? void 0 : _a.relationTargetName) ?? "";
+      }
+    );
+    const extraParams = computed(() => {
+      const routeParams2 = isOwnRoutePage(route.path, props.category, props.name) ? { ...route.params, ...route.query } : {};
+      return buildExtraParams(routeParams2, props.parentParams);
+    });
+    const routeParams = computed(() => ({
+      ...route.params,
+      ...extraParams.value
+    }));
+    const selectedId = computed(
+      () => selectedKeys.value.length === 1 ? selectedKeys.value[0] : void 0
+    );
+    const hasSelection = computed(() => selectedKeys.value.length === 1);
+    const mappings = computed(() => {
+      var _a;
+      const raw = (_a = config.value) == null ? void 0 : _a.mappings;
+      if (Array.isArray(raw)) return raw;
+      if (typeof raw === "string") {
+        try {
+          const parsed = JSON.parse(raw);
+          return Array.isArray(parsed) ? parsed : [];
+        } catch {
+          return [];
+        }
+      }
+      return [];
+    });
+    const selectedNode = computed(() => {
+      if (selectedId.value === void 0) return void 0;
+      return flatRows.value.find(
+        (r) => r != null && r.key !== void 0 && String(r.key) === String(selectedId.value)
+      );
+    });
+    const relationParams = computed(() => {
+      const base = { ...extraParams.value };
+      if (selectedId.value === void 0) return base;
+      const list = mappings.value;
+      if (list.length > 0 && selectedNode.value) {
+        const result = {};
+        for (const m of list) {
+          if (m == null ? void 0 : m.paramName) {
+            result[m.paramName] = evaluateMappedExpress(m.express, {
+              node: selectedNode.value,
+              router: routeParams.value
+            });
+          }
+        }
+        return { ...base, ...result };
+      }
+      return base;
+    });
+    function resolveScopePath(scope, path) {
+      const segs = path.split(".").map((s) => s.trim()).filter(Boolean);
+      let cur = scope;
+      for (const seg of segs) {
+        if (cur === void 0 || cur === null) return void 0;
+        cur = cur[seg];
+      }
+      return cur;
+    }
+    function evaluateTreeExpress(expr, scope) {
+      const raw = (expr ?? "").trim();
+      if (!raw) return void 0;
+      if (raw.includes("${")) {
+        try {
+          return raw.replace(/\$\{([^}]+)\}/g, (_m, pathRaw) => {
+            const p = pathRaw.trim();
+            let val;
+            if (p.startsWith("node.") || p.startsWith("params.") || p.startsWith("router.")) {
+              val = resolveScopePath(scope, p);
+            } else {
+              val = resolveScopePath(scope, p) ?? resolveScopePath(scope, `node.${p}`) ?? resolveScopePath(scope, `params.${p}`) ?? resolveScopePath(scope, `router.${p}`);
+            }
+            return val === void 0 || val === null ? "" : String(val);
+          });
+        } catch {
+          return void 0;
+        }
+      }
+      return evaluateMappedExpress(raw, scope);
+    }
+    const relationTargetId = computed(() => {
+      var _a;
+      const expr = (_a = config.value) == null ? void 0 : _a.expressId;
+      if (!expr || !expr.trim()) return void 0;
+      const scope = {
+        node: selectedNode.value ?? {},
+        params: extraParams.value,
+        router: routeParams.value
+      };
+      const val = evaluateTreeExpress(expr, scope);
+      if (val === void 0 || val === null || val === "") return void 0;
+      const s = String(val);
+      return s === "undefined" || s === "null" ? void 0 : s;
+    });
+    const hasRelation = computed(
+      () => Boolean(relationType.value && relationTargetName.value)
+    );
+    const parsedTools = computed(() => {
+      var _a;
+      return ((_a = config.value) == null ? void 0 : _a.toolBars) ?? [];
+    });
+    const toolLabelMap = {
+      add: "新增",
+      "navigate-form": "跳转表单",
+      "navigate-table": "跳转列表",
+      "navigate-combo": "跳转组合视图",
+      other: "其他"
+    };
+    function getToolLabel(tool) {
+      return tool.title || tool.label || toolLabelMap[tool.type ?? ""] || tool.type || "";
+    }
+    const navigateRouteMap = {
+      "navigate-form": "/design/form",
+      "navigate-table": "/design/table",
+      "navigate-combo": "/design/comb"
+    };
+    const toolScope = computed(() => ({
+      params: extraParams.value,
+      node: selectedNode.value ?? {},
+      router: routeParams.value
+    }));
+    const exprScope = computed(() => ({
+      params: extraParams.value,
+      node: selectedNode.value ?? {}
+    }));
+    function handleToolClick(tool, idx) {
+      var _a;
+      if (tool.type === "add") {
+        const inst = toolRefs.value[idx];
+        (_a = inst == null ? void 0 : inst.trigger) == null ? void 0 : _a.call(inst);
+        return;
+      }
+      const prefix = navigateRouteMap[tool.type ?? ""];
+      if (prefix) {
+        const targetCategory = tool.targetFormCategory || tool.targetTableCategory || tool.targetComboCategory || props.category;
+        const targetName = tool.targetFormName || tool.targetTableName || tool.targetComboName;
+        if (targetCategory && targetName) {
+          const query = buildMappedParams(tool, toolScope.value);
+          router.push({ path: `${prefix}/${targetCategory}/${targetName}`, query });
+          return;
+        }
+      }
+      if (tool.type === "other") {
+        emit("tool-command", tool);
+      }
+    }
+    const toolRefs = ref({});
+    function setToolRef(idx) {
+      return (el) => {
+        toolRefs.value[idx] = el;
+      };
+    }
+    function handleToolSaved() {
+      var _a, _b;
+      (_b = (_a = tableRef.value) == null ? void 0 : _a.reload) == null ? void 0 : _b.call(_a);
+    }
+    const tableRef = ref();
+    watch(selectedId, async () => {
+      var _a, _b;
+      await nextTick();
+      (_b = (_a = tableRef.value) == null ? void 0 : _a.reload) == null ? void 0 : _b.call(_a);
+    });
+    const devState = computed(() => {
+      var _a, _b;
+      return {
+        props: {
+          category: props.category,
+          name: props.name,
+          config: props.config ? { id: props.config.id, name: props.config.name, title: props.config.title } : null,
+          parentParams: props.parentParams
+        },
+        route: {
+          params: route.params,
+          query: route.query
+        },
+        extraParams: extraParams.value,
+        routeParams: routeParams.value,
+        config: config.value ? {
+          name: config.value.name,
+          title: config.value.title,
+          dataSetName: config.value.dataSetName,
+          relationType: config.value.relationType,
+          relationTargetName: config.value.relationTargetName,
+          expressId: config.value.expressId,
+          mappings: config.value.mappings,
+          toolBars: config.value.toolBars
+        } : null,
+        tree: {
+          setType: ((_a = treeMeta.value) == null ? void 0 : _a.setType) ?? "",
+          requestMode: ((_b = treeMeta.value) == null ? void 0 : _b.requestMode) ?? "",
+          flatRowCount: flatRows.value.length,
+          treeRootCount: treeData.value.length
+        },
+        /** 节点数量（2026-10-23）：配置 + 已取到的数量样本，排查「徽标不显示」看这里 */
+        nodeCount: nodeCountConfig.value ? {
+          enabled: true,
+          mode: nodeCountConfig.value.mode ?? "dataset",
+          keyColumn: nodeCountConfig.value.keyColumn,
+          valueColumn: nodeCountConfig.value.valueColumn,
+          matchField: nodeCountConfig.value.matchField || "(node.key)",
+          defaultValue: nodeCountConfig.value.defaultValue ?? "",
+          suffix: nodeCountConfig.value.suffix ?? "",
+          hideZero: nodeCountConfig.value.hideZero === true,
+          hitCount: Object.keys(nodeCountMap.value).length,
+          sample: Object.entries(nodeCountMap.value).slice(0, 5)
+        } : null,
+        selected: {
+          selectedId: selectedId.value,
+          selectedKeys: selectedKeys.value,
+          selectedNode: selectedNode.value,
+          relationTargetId: relationTargetId.value
+        },
+        relationParams: relationParams.value,
+        loading: loading.value,
+        error: error.value
+      };
+    });
+    watch(
+      () => parsedTools.value.map((tool) => tool.type),
+      (types) => types.forEach((type) => resolveToolComponent(type)),
+      { immediate: true }
+    );
+    return (_ctx, _cache) => {
+      const _component_DesignTree = resolveComponent("DesignTree", true);
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        loading.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          createVNode(unref(Spin), {
+            spinning: true,
+            tip: "加载树形视图配置中..."
+          })
+        ])) : error.value ? (openBlock(), createElementBlock("div", _hoisted_3, [
+          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: 2,
+          status: "404",
+          title: "未发现树形视图配置",
+          "sub-title": "该视图尚未在构建端完成配置，或配置名称有误"
+        })) : (openBlock(), createElementBlock("div", _hoisted_4, [
+          parsedTools.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_5, [
+            createVNode(unref(Space), null, {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(parsedTools.value, (tool, idx) => {
+                  return openBlock(), createBlock(unref(Button), {
+                    key: idx,
+                    type: tool.type === "add" ? "primary" : "default",
+                    onClick: ($event) => handleToolClick(tool, idx)
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(getToolLabel(tool)), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["type", "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,
+                "extra-params": extraParams.value,
+                "mapping-scope": toolScope.value,
+                onSaved: handleToolSaved
+              }, null, 40, ["tool", "category", "extra-params", "mapping-scope"]);
+            }), 128))
+          ])) : createCommentVNode("", true),
+          createElementVNode("div", _hoisted_6, [
+            createElementVNode("div", {
+              class: "design-tree-panel",
+              style: normalizeStyle({ width: treeWidth.value + "px" })
+            }, [
+              createElementVNode("div", _hoisted_7, [
+                treeError.value ? (openBlock(), createBlock(unref(Alert), {
+                  key: 0,
+                  type: "warning",
+                  "show-icon": "",
+                  message: treeError.value,
+                  class: "mb-2"
+                }, null, 8, ["message"])) : createCommentVNode("", true),
+                treeLoading.value ? (openBlock(), createBlock(unref(Spin), {
+                  key: 1,
+                  spinning: true,
+                  tip: "加载树数据中...",
+                  class: "block py-8"
+                })) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+                  treeData.value.length > 0 ? (openBlock(), createBlock(unref(Tree), {
+                    key: 0,
+                    "selected-keys": selectedKeys.value,
+                    "onUpdate:selectedKeys": _cache[1] || (_cache[1] = ($event) => selectedKeys.value = $event),
+                    "expanded-keys": expandedKeys.value,
+                    "onUpdate:expandedKeys": _cache[2] || (_cache[2] = ($event) => expandedKeys.value = $event),
+                    "field-names": { title: "title", key: "key", children: "children" },
+                    "show-line": { showLeafIcon: false },
+                    "tree-data": treeData.value,
+                    "load-data": onTreeLoadData,
+                    virtual: false,
+                    class: "design-tree__tree",
+                    styles: {
+                      item: {
+                        "--ant-tree-node-selected-bg": "var(--ant-color-primary-bg-hover)"
+                      }
+                    },
+                    onSelect: handleTreeSelect
+                  }, {
+                    titleRender: withCtx((node) => [
+                      nodeCountConfig.value ? (openBlock(), createElementBlock("span", {
+                        key: 0,
+                        class: "tree-node-title",
+                        title: String((node == null ? void 0 : node.title) ?? "")
+                      }, [
+                        createElementVNode("span", _hoisted_9, toDisplayString(node == null ? void 0 : node.title), 1),
+                        countTextOf(node) ? (openBlock(), createElementBlock("span", _hoisted_10, toDisplayString(countTextOf(node)), 1)) : createCommentVNode("", true)
+                      ], 8, _hoisted_8)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                        createTextVNode(toDisplayString(node == null ? void 0 : node.title), 1)
+                      ], 64))
+                    ]),
+                    _: 1
+                  }, 8, ["selected-keys", "expanded-keys", "tree-data"])) : !treeError.value ? (openBlock(), createBlock(unref(Empty), {
+                    key: 1,
+                    image: unref(Empty).PRESENTED_IMAGE_SIMPLE,
+                    description: "暂无数据",
+                    class: "pt-8"
+                  }, null, 8, ["image"])) : createCommentVNode("", true)
+                ], 64))
+              ])
+            ], 4),
+            createElementVNode("div", {
+              class: "design-tree-resizer",
+              title: "拖拽调整树宽",
+              onMousedown: withModifiers(onResizeStart, ["prevent"])
+            }, null, 32),
+            createElementVNode("div", _hoisted_11, [
+              !hasRelation.value ? (openBlock(), createElementBlock("div", _hoisted_12, [
+                createVNode(unref(Empty), { description: "未配置关联目标" })
+              ])) : !hasSelection.value ? (openBlock(), createElementBlock("div", _hoisted_13, [
+                createVNode(unref(Empty), { description: "请选择左侧节点" })
+              ])) : relationType.value === "form" ? (openBlock(), createBlock(DesignForm, {
+                key: 2,
+                category: __props.category,
+                name: relationTargetName.value,
+                "source-id": relationTargetId.value,
+                "parent-params": relationParams.value,
+                "dev-button-top": 48
+              }, null, 8, ["category", "name", "source-id", "parent-params"])) : relationType.value === "table" ? (openBlock(), createBlock(DesignTable, {
+                key: 3,
+                ref_key: "tableRef",
+                ref: tableRef,
+                category: __props.category,
+                name: relationTargetName.value,
+                "parent-params": relationParams.value,
+                "no-page": true,
+                "table-height": "100%",
+                "dev-button-top": 48
+              }, null, 8, ["category", "name", "parent-params"])) : relationType.value === "comboView" ? (openBlock(), createBlock(DesignComb, {
+                key: 4,
+                category: __props.category,
+                name: relationTargetName.value,
+                "source-id": relationTargetId.value,
+                "parent-params": relationParams.value,
+                "dev-button-top": 48
+              }, null, 8, ["category", "name", "source-id", "parent-params"])) : relationType.value === "tree" ? (openBlock(), createBlock(_component_DesignTree, {
+                key: 5,
+                category: __props.category,
+                name: relationTargetName.value,
+                "parent-params": relationParams.value,
+                "dev-button-top": 48
+              }, null, 8, ["category", "name", "parent-params"])) : (openBlock(), createBlock(unref(Alert), {
+                key: 6,
+                type: "warning",
+                "show-icon": "",
+                message: `不支持的关联类型: ${relationType.value}`
+              }, null, 8, ["message"]))
+            ])
+          ])
+        ])),
+        createVNode(DesignDevStateButton, {
+          "designer-category": __props.category,
+          "designer-name": __props.name,
+          "expr-scope": exprScope.value,
+          "expr-scope-labels": {
+            params: "组件自身参数（extraParams，已含路由参数）",
+            node: "当前选中节点"
+          },
+          state: devState.value,
+          top: __props.devButtonTop,
+          "designer-type": "tree",
+          title: "DesignTree"
+        }, null, 8, ["designer-category", "designer-name", "expr-scope", "state", "top"])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};