@jzg223/design-runtime 0.0.0-stage → 0.0.1

package/dist/components/design-table/design-table2.vue.js

@@ -0,0 +1,937 @@
+import { defineComponent, computed, ref, watch, onMounted, nextTick, onUnmounted, resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, unref, createBlock, Fragment, resolveDynamicComponent, withCtx, createSlots, createElementVNode, renderList, createTextVNode, toDisplayString, createCommentVNode, renderSlot, normalizeProps, guardReactiveProps } from "vue";
+import { useRoute } from "vue-router";
+import { UnorderedListOutlined, MoreOutlined, ExportOutlined, InboxOutlined, DownloadOutlined, PlusOutlined } from "@antdv-next/icons";
+import { Spin, Alert, Result, Space } from "antdv-next";
+import { fetchTableConfig, fetchSearchConfig } from "../../api.js";
+import { designFlowRemove, designFlowStatus } from "../../flow.js";
+import { getHostUi, requireVxeGrid, requireHttp } from "../../host.js";
+import { isOwnRoutePage, buildExtraParams } from "../../mapping.js";
+import { resolveDesignComponent } from "../../registry.js";
+import { buildSearchFormOptions } from "../../search/transformer.js";
+import { evaluateLoadGate } from "../../table/load-gate.js";
+import { buildQuerySearch } from "../../table/query-search.js";
+import { createQueryDedupe } from "../../table/query-dedupe.js";
+import { transformTableConfig } from "../../table/transformer.js";
+import { platformMessage, buildHostApi } from "../design-shared/host-api.js";
+import { resolveToolComponent } from "../design-tools/index.js";
+import DesignDevStateButton from "../design-debug/dev-state-button.vue.js";
+import FlowStatusCell from "../flow-status-cell/flow-status-cell.vue.js";
+import { resolveRowActionComponent } from "./row-actions/index.js";
+const _hoisted_1 = {
+  key: 0,
+  class: "flex-center py-20"
+};
+const _hoisted_2 = {
+  key: 1,
+  class: "py-8"
+};
+const _hoisted_3 = {
+  key: 0,
+  class: "design-table__title"
+};
+const _hoisted_4 = { class: "design-table__toolbar" };
+const _hoisted_5 = {
+  key: 0,
+  class: "vxe-icon-fullscreen"
+};
+const _hoisted_6 = {
+  key: 1,
+  class: "vxe-icon-minimize"
+};
+const _hoisted_7 = {
+  key: 0,
+  class: "design-table__title"
+};
+const _hoisted_8 = { class: "design-table__toolbar" };
+const _hoisted_9 = {
+  key: 0,
+  class: "vxe-icon-fullscreen"
+};
+const _hoisted_10 = {
+  key: 1,
+  class: "vxe-icon-minimize"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "DesignTable" },
+  __name: "design-table",
+  props: {
+    category: { default: "" },
+    name: { default: "" },
+    config: { default: null },
+    parentParams: { default: void 0 },
+    search: { default: void 0 },
+    noPage: { type: Boolean, default: false },
+    tableHeight: { default: void 0 },
+    devButtonTop: { default: 10 }
+  },
+  emits: ["tool-command", "row-command", "deleted", "loaded", "update:title"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const pageShell = computed(() => getHostUi().Page ?? "div");
+    const props = __props;
+    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 emit = __emit;
+    const loading = ref(false);
+    const error = ref(null);
+    const config = ref(null);
+    const summaries = ref({});
+    const searchFormOptions = ref(void 0);
+    const lastQuerySearch = ref(null);
+    const lastFormValues = ref(null);
+    function emitTitle() {
+      const cfg = config.value;
+      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;
+        await loadSearchForm();
+        emit("loaded", props.config);
+        emitTitle();
+        return;
+      }
+      if (!props.category || !props.name) return;
+      loading.value = true;
+      error.value = null;
+      try {
+        const resp = await fetchTableConfig(
+          props.category,
+          props.name,
+          extraParams.value ?? {}
+        );
+        config.value = resp;
+        await loadSearchForm();
+        emit("loaded", resp ?? null);
+        emitTitle();
+      } catch (err) {
+        const msg = (err == null ? void 0 : err.message) ?? "";
+        if (msg.includes("未发现")) {
+          config.value = null;
+        } else {
+          error.value = msg || "加载表格配置失败";
+          config.value = null;
+        }
+        emit("loaded", null);
+      } finally {
+        loading.value = false;
+      }
+    }
+    async function loadSearchForm() {
+      var _a;
+      const searchName = (_a = config.value) == null ? void 0 : _a.searchForm;
+      if (!searchName || !props.category) {
+        searchFormOptions.value = void 0;
+        searchMeta.value = {};
+        return;
+      }
+      try {
+        const resp = await fetchSearchConfig(props.category, searchName);
+        searchFormOptions.value = buildSearchFormOptions(resp);
+        searchMeta.value = {
+          firstLoadSubmit: (resp == null ? void 0 : resp.firstLoadSubmit) ?? null
+        };
+      } catch {
+        searchFormOptions.value = void 0;
+        searchMeta.value = {};
+      }
+    }
+    watch(
+      () => [props.category, props.name, props.config],
+      () => loadConfig(),
+      { immediate: true }
+    );
+    const extraParamsRef = ref({});
+    watch(
+      () => extraParams.value,
+      (val) => {
+        extraParamsRef.value = val ?? {};
+      },
+      { immediate: true }
+    );
+    const queryDedupe = createQueryDedupe();
+    function buildQueryKey(page, search, envParams) {
+      try {
+        return JSON.stringify({
+          page: page && typeof page === "object" ? { currentPage: page.currentPage, pageSize: page.pageSize } : page,
+          search,
+          env: envParams ?? {}
+        });
+      } catch {
+        return null;
+      }
+    }
+    const transformHost = {
+      resolveCustom: (comname) => resolveDesignComponent(comname),
+      getParams: () => extraParamsRef.value ?? {},
+      getApi: () => buildHostApi({ reload: () => onReloadTable() }),
+      /**
+       * 数据接口带回的运行时标题（2026-10-22）：列表的标题表达式由后端按 params/search 求值，
+       * 随 pager 响应返回，这里转成 `update:title` 给外壳刷标签页/浏览器标题。
+       */
+      onRuntimeTitle: (title) => emit("update:title", title),
+      /** 合计行：footerMethod 渲染时读取（值来自数据接口的 summaries） */
+      getSummaries: () => summaries.value,
+      onSummaries: (next) => {
+        summaries.value = next ?? {};
+      }
+    };
+    const extraConfig = computed(() => {
+      var _a;
+      const raw = (_a = config.value) == null ? void 0 : _a.extraConfig;
+      if (!raw) return {};
+      if (typeof raw === "object") return raw;
+      try {
+        const parsed = JSON.parse(String(raw));
+        return parsed && typeof parsed === "object" ? parsed : {};
+      } catch {
+        console.warn("[design-table] 附加配置(extraConfig) 不是合法 JSON，已忽略");
+        return {};
+      }
+    });
+    const gateWhen = computed(() => {
+      const when = (extraConfig.value.query ?? {}).when;
+      return typeof when === "string" ? when.trim() : "";
+    });
+    const firstQuerySkipped = ref(false);
+    const searchMeta = ref({});
+    const skipFirstQuery = computed(() => {
+      var _a;
+      const value = (_a = searchMeta.value) == null ? void 0 : _a.firstLoadSubmit;
+      return value === 0 || value === "0";
+    });
+    const gridOptions = computed(() => {
+      var _a, _b, _c;
+      if (!config.value) return {};
+      const result = transformTableConfig(
+        config.value,
+        props.tableHeight,
+        transformHost
+      ).gridOptions;
+      const originalQuery = (_b = (_a = result.proxyConfig) == null ? void 0 : _a.ajax) == null ? void 0 : _b.query;
+      if (originalQuery) {
+        result.proxyConfig = {
+          ...result.proxyConfig,
+          ajax: {
+            ...(_c = result.proxyConfig) == null ? void 0 : _c.ajax,
+            query: async (page, formValues = {}) => {
+              const search = buildQuerySearch(props.search, formValues);
+              lastQuerySearch.value = { ...search };
+              lastFormValues.value = { ...formValues };
+              const envParams = extraParamsRef.value || {};
+              const emptyPage = { records: [], total: 0 };
+              if (skipFirstQuery.value && !firstQuerySkipped.value) {
+                firstQuerySkipped.value = true;
+                return emptyPage;
+              }
+              if (gateWhen.value) {
+                const gate = evaluateLoadGate(gateWhen.value, {
+                  params: envParams,
+                  search
+                });
+                if (!gate.ok) {
+                  console.debug(
+                    "[design-table] 加载条件未满足，跳过请求：",
+                    gateWhen.value,
+                    gate.error ? `（${gate.error}）` : ""
+                  );
+                  return emptyPage;
+                }
+              }
+              const exec = async () => {
+                var _a2;
+                const data = await originalQuery(page, { ...search }, envParams);
+                const pf = ((_a2 = config.value) == null ? void 0 : _a2.pfield) || "id";
+                const records = Array.isArray(data == null ? void 0 : data.records) ? data.records : Array.isArray(data == null ? void 0 : data.datas) ? data.datas : Array.isArray(data) ? data : [];
+                await syncFlowStatuses(records, pf);
+                return data;
+              };
+              const key = buildQueryKey(page, search, envParams);
+              return key === null ? exec() : queryDedupe.run(key, exec);
+            }
+          }
+        };
+      }
+      result.toolbarConfig = {
+        ...result.toolbarConfig,
+        custom: true,
+        zoom: false,
+        refresh: false
+      };
+      result.minHeight = 0;
+      const cols = result.columns ?? [];
+      if (flowAware.value && !cols.some((c) => c.field === "__flowStatus")) {
+        const flowCol = {
+          field: "__flowStatus",
+          title: "流程状态",
+          width: 150,
+          resizable: false,
+          slots: { default: "flowStatus" }
+        };
+        const actionIdx = cols.findIndex(
+          (c) => {
+            var _a2;
+            return ((_a2 = c.slots) == null ? void 0 : _a2.default) === "action" || c.type === "action";
+          }
+        );
+        if (actionIdx >= 0) {
+          cols.splice(actionIdx, 0, flowCol);
+        } else {
+          cols.push(flowCol);
+        }
+      }
+      return result;
+    });
+    const gridKey = ref(0);
+    watch(
+      () => config.value,
+      (val, oldVal) => {
+        if (val !== oldVal) {
+          queryDedupe.markRebuild();
+          gridKey.value += 1;
+        }
+      }
+    );
+    const tableTitle = computed(() => {
+      var _a;
+      return ((_a = config.value) == null ? void 0 : _a.title) ?? "";
+    });
+    const pfield = computed(() => {
+      var _a;
+      return ((_a = config.value) == null ? void 0 : _a.pfield) || "id";
+    });
+    const flowMap = ref({});
+    const flowAware = ref(false);
+    function resolveFlowBusinessType() {
+      const c = config.value ?? {};
+      return (c.relationTableName || c.tableName || c.name || props.name || "").trim();
+    }
+    const parsedTools = computed(() => {
+      var _a;
+      return ((_a = config.value) == null ? void 0 : _a.toolBars) ?? [];
+    });
+    const toolLabelMap = {
+      add: "新增",
+      export: "导出",
+      import: "导入",
+      "modal-combo": "弹窗组合视图",
+      "modal-form": "弹窗表单",
+      "modal-table": "弹窗列表",
+      "modal-tree": "弹窗树形视图",
+      "navigate-combo": "跳转组合视图",
+      "navigate-form": "跳转表单",
+      "navigate-table": "跳转表格",
+      other: "其他"
+    };
+    function getToolLabel(tool) {
+      return tool.title || tool.label || toolLabelMap[tool.type ?? ""] || tool.type || "";
+    }
+    const toolIconMap = {
+      add: PlusOutlined,
+      export: DownloadOutlined,
+      import: InboxOutlined,
+      "navigate-form": ExportOutlined,
+      "navigate-table": ExportOutlined,
+      "navigate-combo": ExportOutlined,
+      other: MoreOutlined
+    };
+    function toolIcon(tool) {
+      return toolIconMap[tool.type ?? ""] || PlusOutlined;
+    }
+    const parsedActions = computed(() => {
+      var _a;
+      return ((_a = config.value) == null ? void 0 : _a.rowActions) ?? [];
+    });
+    const hasAutoActions = computed(() => {
+      var _a;
+      const columns = (_a = gridOptions.value) == null ? void 0 : _a.columns;
+      return Array.isArray(columns) ? columns.some((c) => {
+        var _a2;
+        return ((_a2 = c.slots) == null ? void 0 : _a2.default) === "action";
+      }) : false;
+    });
+    function handleRowSaved() {
+      var _a;
+      (_a = gridApi == null ? void 0 : gridApi.query) == null ? void 0 : _a.call(gridApi);
+    }
+    function handleRowDeleted(row) {
+      handleDelete(row);
+    }
+    function handleRowCommand(action, row) {
+      emit("row-command", action, row);
+    }
+    const toolRefs = ref({});
+    function setToolRef(idx) {
+      return (el) => {
+        toolRefs.value[idx] = el;
+      };
+    }
+    function handleToolSaved() {
+      var _a;
+      (_a = gridApi == null ? void 0 : gridApi.query) == null ? void 0 : _a.call(gridApi);
+    }
+    function handleToolImported() {
+      var _a;
+      (_a = gridApi == null ? void 0 : gridApi.query) == null ? void 0 : _a.call(gridApi);
+    }
+    function handleToolCommand(tool) {
+      emit("tool-command", tool);
+    }
+    function handleToolClick(_tool, idx) {
+      var _a;
+      const inst = toolRefs.value[idx];
+      (_a = inst == null ? void 0 : inst.trigger) == null ? void 0 : _a.call(inst);
+    }
+    const tableFull = ref(false);
+    const gridHeightPx = ref(null);
+    const rootRef = ref(null);
+    let gridHeightTimer;
+    let gridHeightPoll;
+    let gridHeightObserver = null;
+    let gridHeightStable = 0;
+    let baseOverflow = 0;
+    function measureGridHeight() {
+      const host = rootRef.value;
+      if (!host) return;
+      const gridEl = host.querySelector(".vxe-grid");
+      if (!gridEl) return;
+      const wrap = host.querySelector(".vxe-grid--table-wrapper");
+      const inner = host.querySelector(".vxe-table--body-inner-wrapper");
+      const h = Math.round(gridEl.getBoundingClientRect().height);
+      if (h <= 0) return;
+      if (gridHeightPx.value == null && wrap && inner) {
+        baseOverflow = Math.max(
+          0,
+          Math.round(inner.getBoundingClientRect().bottom - wrap.getBoundingClientRect().bottom)
+        );
+      }
+      const target = Math.max(40, h - baseOverflow);
+      if (gridHeightPx.value == null || Math.abs(target - gridHeightPx.value) >= 2) {
+        gridHeightPx.value = target;
+        gridHeightStable = 0;
+      } else {
+        gridHeightStable += 1;
+      }
+    }
+    function stopGridHeightPoll() {
+      window.clearInterval(gridHeightPoll);
+      gridHeightPoll = void 0;
+    }
+    function startGridHeightPoll() {
+      stopGridHeightPoll();
+      gridHeightStable = 0;
+      gridHeightPoll = window.setInterval(() => {
+        if (gridHeightPx.value != null && gridHeightStable >= 3) {
+          stopGridHeightPoll();
+          return;
+        }
+        measureGridHeight();
+      }, 250);
+    }
+    function scheduleGridHeight() {
+      window.clearTimeout(gridHeightTimer);
+      gridHeightTimer = window.setTimeout(() => {
+        measureGridHeight();
+      }, 60);
+    }
+    onMounted(() => {
+      startGridHeightPoll();
+      gridHeightObserver = new ResizeObserver(scheduleGridHeight);
+      if (rootRef.value) {
+        gridHeightObserver.observe(rootRef.value);
+      }
+      window.addEventListener("resize", scheduleGridHeight);
+    });
+    watch(
+      () => [config.value, tableFull.value],
+      () => {
+        startGridHeightPoll();
+        nextTick(() => {
+          measureGridHeight();
+        });
+      }
+    );
+    const gridHeightProp = computed(
+      () => gridHeightPx.value ?? void 0
+    );
+    onUnmounted(() => {
+      stopGridHeightPoll();
+      window.clearTimeout(gridHeightTimer);
+      window.removeEventListener("resize", scheduleGridHeight);
+      gridHeightObserver == null ? void 0 : gridHeightObserver.disconnect();
+      gridHeightObserver = null;
+    });
+    function onReloadTable() {
+      var _a;
+      if ((_a = gridApi == null ? void 0 : gridApi.grid) == null ? void 0 : _a.commitProxy) {
+        queryDedupe.reset();
+        void gridApi.query();
+      }
+    }
+    function onToggleFullscreen() {
+      tableFull.value = !tableFull.value;
+    }
+    function onToggleColumnSetting() {
+      var _a, _b;
+      (_b = (_a = gridApi == null ? void 0 : gridApi.grid) == null ? void 0 : _a.toggleCustom) == null ? void 0 : _b.call(_a);
+    }
+    const deleting = ref(false);
+    async function handleDelete(row) {
+      var _a, _b, _c, _d;
+      const url = (_a = config.value) == null ? void 0 : _a.deleteUrl;
+      if (!url) {
+        console.error("删除失败：未配置 deleteUrl");
+        platformMessage().error("删除失败：列表未配置「删除地址」（列表维护 → 删除地址）");
+        return;
+      }
+      const pf = ((_b = config.value) == null ? void 0 : _b.pfield) || "id";
+      const flowBt = resolveFlowBusinessType();
+      if (flowBt) {
+        try {
+          await designFlowRemove({
+            businessType: flowBt,
+            businessIds: [row[pf]]
+          });
+        } catch (err) {
+          platformMessage().error((err == null ? void 0 : err.message) ?? "删除失败：流程关联清理未通过");
+          return;
+        }
+      }
+      deleting.value = true;
+      try {
+        const pfield2 = ((_c = config.value) == null ? void 0 : _c.pfield) || "id";
+        await requireHttp().post(url, { id: row[pfield2] });
+        emit("deleted");
+        (_d = gridApi == null ? void 0 : gridApi.query) == null ? void 0 : _d.call(gridApi);
+      } catch (err) {
+        console.error("删除失败:", (err == null ? void 0 : err.message) ?? err);
+      } finally {
+        deleting.value = false;
+      }
+    }
+    async function syncFlowStatuses(records, pf) {
+      const bt = resolveFlowBusinessType();
+      if (!bt || !Array.isArray(records) || records.length === 0) return;
+      const ids = [];
+      for (const r of records) {
+        const v = r == null ? void 0 : r[pf];
+        if (v !== void 0 && v !== null && v !== "") ids.push(v);
+      }
+      if (ids.length === 0) return;
+      try {
+        const list = await designFlowStatus({ businessType: bt, businessIds: ids });
+        const map = {};
+        for (const vo of list ?? []) {
+          if ((vo == null ? void 0 : vo.businessId) != null) map[String(vo.businessId)] = vo;
+        }
+        flowMap.value = map;
+        if (!flowAware.value && Object.keys(map).length > 0) {
+          flowAware.value = true;
+        }
+      } catch (err) {
+        console.error("[design-table] 流程状态查询失败:", (err == null ? void 0 : err.message) ?? err);
+      }
+    }
+    watch(flowAware, (val) => {
+      if (val) {
+        queryDedupe.markRebuild();
+        gridKey.value += 1;
+      }
+    });
+    const [Grid, gridApi] = requireVxeGrid()({
+      gridOptions: gridOptions.value
+    });
+    function currentFormValues() {
+      var _a, _b, _c, _d;
+      try {
+        const formValues = (_b = (_a = gridApi == null ? void 0 : gridApi.formApi) == null ? void 0 : _a.form) == null ? void 0 : _b.values;
+        if (formValues && typeof formValues === "object") {
+          return { ...formValues };
+        }
+        const submitted = (_d = (_c = gridApi == null ? void 0 : gridApi.formApi) == null ? void 0 : _c.getLatestSubmissionValues) == null ? void 0 : _d.call(_c);
+        if (submitted && typeof submitted === "object") {
+          return { ...submitted };
+        }
+      } catch {
+      }
+      return lastFormValues.value ?? {};
+    }
+    const devState = computed(() => {
+      var _a;
+      const formValuesNow = currentFormValues();
+      const wouldSend = buildQuerySearch(props.search, formValuesNow);
+      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,
+          noPage: props.noPage,
+          tableHeight: props.tableHeight
+        },
+        route: {
+          params: route.params,
+          query: route.query
+        },
+        extraParams: extraParams.value,
+        // 真正下发的查询条件（页面 search < 表格查询表单值）：
+        // 取数后是实际下发的那份，取数前按当前表单值现算
+        search: lastQuerySearch.value ?? wouldSend,
+        // 拆开看：谁贡献了哪个条件（排查"我传了 search 为什么像没生效"时对一下）
+        searchParts: {
+          fromPage: props.search ?? null,
+          fromForm: formValuesNow,
+          lastSent: lastQuerySearch.value
+        },
+        config: config.value ? {
+          name: config.value.name,
+          title: config.value.title,
+          pfield: config.value.pfield,
+          url: config.value.url,
+          pager: config.value.pager,
+          pagesize: config.value.pagesize,
+          searchForm: config.value.searchForm,
+          deleteUrl: config.value.deleteUrl,
+          showUrl: config.value.showUrl,
+          rowActions: config.value.rowActions,
+          toolBars: config.value.toolBars
+        } : null,
+        searchForm: {
+          name: ((_a = config.value) == null ? void 0 : _a.searchForm) ?? null,
+          optionsReady: !!searchFormOptions.value
+        },
+        grid: {
+          gridKey: gridKey.value,
+          tableTitle: tableTitle.value,
+          hasAutoActions: hasAutoActions.value,
+          // 重复取数抑制计数：fetched=真实请求数，merged/reused=被去重的次数
+          queryDedupe: queryDedupe.getStats()
+        },
+        loading: loading.value,
+        error: error.value
+      };
+    });
+    const exprScope = computed(() => ({
+      params: extraParams.value
+    }));
+    __expose({
+      gridApi,
+      handleDelete,
+      reload: () => {
+        var _a;
+        if ((_a = gridApi == null ? void 0 : gridApi.grid) == null ? void 0 : _a.commitProxy) {
+          queryDedupe.reset();
+          void gridApi.query();
+        }
+      },
+      /** 开发面板用的状态快照（本库不渲染面板，留给宿主调试台按需读取） */
+      devState,
+      exprScope
+    });
+    watch(
+      [
+        () => parsedTools.value.map((tool) => tool.type),
+        () => parsedActions.value.map((action) => action.type)
+      ],
+      ([toolTypes, actionTypes]) => {
+        toolTypes.forEach((type) => resolveToolComponent(type));
+        actionTypes.forEach((type) => resolveRowActionComponent(type));
+      },
+      { immediate: true }
+    );
+    return (_ctx, _cache) => {
+      const _component_a_button = resolveComponent("a-button");
+      const _component_List = resolveComponent("List");
+      return openBlock(), createElementBlock("div", {
+        ref_key: "rootRef",
+        ref: rootRef,
+        class: normalizeClass(["design-table", { "is-fullscreen": tableFull.value, "has-search-form": !!searchFormOptions.value }])
+      }, [
+        loading.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          createVNode(unref(Spin), {
+            spinning: true,
+            tip: "加载表格配置中..."
+          })
+        ])) : error.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          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(Fragment, { key: 3 }, [
+          !__props.noPage ? (openBlock(), createBlock(resolveDynamicComponent(pageShell.value), {
+            key: 0,
+            "auto-content-height": true
+          }, {
+            default: withCtx(() => [
+              (openBlock(), createBlock(unref(Grid), {
+                key: gridKey.value,
+                height: gridHeightProp.value,
+                "table-title": tableTitle.value,
+                "grid-options": gridOptions.value,
+                "form-options": searchFormOptions.value,
+                separator: false,
+                class: "flex-1 min-h-0"
+              }, createSlots({
+                "table-title": withCtx(() => [
+                  tableTitle.value ? (openBlock(), createElementBlock("div", _hoisted_3, [
+                    createVNode(unref(UnorderedListOutlined)),
+                    createElementVNode("span", null, toDisplayString(tableTitle.value), 1)
+                  ])) : createCommentVNode("", true)
+                ]),
+                "toolbar-tools": withCtx(() => [
+                  createElementVNode("div", _hoisted_4, [
+                    parsedTools.value.length > 0 ? (openBlock(), createBlock(unref(Space), { key: 0 }, {
+                      default: withCtx(() => [
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(parsedTools.value, (tool, idx) => {
+                          return openBlock(), createBlock(_component_a_button, {
+                            key: "tool" + idx,
+                            shape: "round",
+                            onClick: ($event) => handleToolClick(tool, idx)
+                          }, {
+                            default: withCtx(() => [
+                              (openBlock(), createBlock(resolveDynamicComponent(toolIcon(tool)))),
+                              createTextVNode(" " + toDisplayString(getToolLabel(tool)), 1)
+                            ]),
+                            _: 2
+                          }, 1032, ["onClick"]);
+                        }), 128))
+                      ]),
+                      _: 1
+                    })) : createCommentVNode("", true),
+                    createVNode(unref(Space), { class: "design-table__sys-btns" }, {
+                      default: withCtx(() => [
+                        createVNode(_component_a_button, {
+                          shape: "round",
+                          onClick: onToggleColumnSetting
+                        }, {
+                          default: withCtx(() => [..._cache[1] || (_cache[1] = [
+                            createElementVNode("i", { class: "vxe-icon-setting" }, null, -1),
+                            createTextVNode(" 列设置", -1)
+                          ])]),
+                          _: 1
+                        }),
+                        createVNode(_component_a_button, {
+                          shape: "round",
+                          onClick: onReloadTable
+                        }, {
+                          default: withCtx(() => [..._cache[2] || (_cache[2] = [
+                            createElementVNode("i", { class: "vxe-icon-repeat" }, null, -1),
+                            createTextVNode(" 刷新", -1)
+                          ])]),
+                          _: 1
+                        }),
+                        createVNode(_component_a_button, {
+                          shape: "round",
+                          onClick: onToggleFullscreen
+                        }, {
+                          default: withCtx(() => [
+                            !tableFull.value ? (openBlock(), createElementBlock("i", _hoisted_5)) : (openBlock(), createElementBlock("i", _hoisted_6)),
+                            createTextVNode(" " + toDisplayString(tableFull.value ? "还原" : "全屏"), 1)
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    })
+                  ])
+                ]),
+                flowStatus: withCtx(({ row }) => [
+                  createVNode(FlowStatusCell, {
+                    row,
+                    pfield: pfield.value,
+                    "flow-map": flowMap.value,
+                    onChanged: onReloadTable
+                  }, null, 8, ["row", "pfield", "flow-map"])
+                ]),
+                _: 2
+              }, [
+                hasAutoActions.value ? {
+                  name: "action",
+                  fn: withCtx(({ row }) => [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(parsedActions.value, (action) => {
+                      return openBlock(), createBlock(resolveDynamicComponent(unref(resolveRowActionComponent)(action.type)), {
+                        key: action.type,
+                        action,
+                        row,
+                        category: __props.category,
+                        pfield: pfield.value,
+                        params: extraParams.value,
+                        "grid-api": unref(gridApi),
+                        onDeleted: handleRowDeleted,
+                        onSaved: handleRowSaved,
+                        onCommand: handleRowCommand
+                      }, null, 40, ["action", "row", "category", "pfield", "params", "grid-api"]);
+                    }), 128))
+                  ]),
+                  key: "0"
+                } : void 0,
+                renderList(_ctx.$slots, (_, name) => {
+                  return {
+                    name,
+                    fn: withCtx((data) => [
+                      !(hasAutoActions.value && name === "action") ? renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(data)), void 0, true, 0) : createCommentVNode("", true)
+                    ])
+                  };
+                })
+              ]), 1032, ["height", "table-title", "grid-options", "form-options"]))
+            ]),
+            _: 3
+          })) : (openBlock(), createBlock(unref(Grid), {
+            key: gridKey.value,
+            height: gridHeightProp.value,
+            "table-title": tableTitle.value,
+            "grid-options": gridOptions.value,
+            "form-options": searchFormOptions.value,
+            separator: false,
+            class: "flex-1 min-h-0"
+          }, createSlots({
+            "table-title": withCtx(() => [
+              tableTitle.value ? (openBlock(), createElementBlock("div", _hoisted_7, [
+                createVNode(_component_List),
+                createElementVNode("span", null, toDisplayString(tableTitle.value), 1)
+              ])) : createCommentVNode("", true)
+            ]),
+            "toolbar-tools": withCtx(() => [
+              createElementVNode("div", _hoisted_8, [
+                parsedTools.value.length > 0 ? (openBlock(), createBlock(unref(Space), { key: 0 }, {
+                  default: withCtx(() => [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(parsedTools.value, (tool, idx) => {
+                      return openBlock(), createBlock(_component_a_button, {
+                        key: "tool" + idx,
+                        shape: "round",
+                        onClick: ($event) => handleToolClick(tool, idx)
+                      }, {
+                        default: withCtx(() => [
+                          (openBlock(), createBlock(resolveDynamicComponent(toolIcon(tool)))),
+                          createTextVNode(" " + toDisplayString(getToolLabel(tool)), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["onClick"]);
+                    }), 128))
+                  ]),
+                  _: 1
+                })) : createCommentVNode("", true),
+                createVNode(unref(Space), { class: "design-table__sys-btns" }, {
+                  default: withCtx(() => [
+                    createVNode(_component_a_button, {
+                      shape: "round",
+                      onClick: onToggleColumnSetting
+                    }, {
+                      default: withCtx(() => [..._cache[3] || (_cache[3] = [
+                        createElementVNode("i", { class: "vxe-icon-setting" }, null, -1),
+                        createTextVNode(" 列设置", -1)
+                      ])]),
+                      _: 1
+                    }),
+                    createVNode(_component_a_button, {
+                      shape: "round",
+                      onClick: onReloadTable
+                    }, {
+                      default: withCtx(() => [..._cache[4] || (_cache[4] = [
+                        createElementVNode("i", { class: "vxe-icon-repeat" }, null, -1),
+                        createTextVNode(" 刷新", -1)
+                      ])]),
+                      _: 1
+                    }),
+                    createVNode(_component_a_button, {
+                      shape: "round",
+                      onClick: onToggleFullscreen
+                    }, {
+                      default: withCtx(() => [
+                        !tableFull.value ? (openBlock(), createElementBlock("i", _hoisted_9)) : (openBlock(), createElementBlock("i", _hoisted_10)),
+                        createTextVNode(" " + toDisplayString(tableFull.value ? "还原" : "全屏"), 1)
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ])
+            ]),
+            flowStatus: withCtx(({ row }) => [
+              createVNode(FlowStatusCell, {
+                row,
+                pfield: pfield.value,
+                "flow-map": flowMap.value,
+                onChanged: onReloadTable
+              }, null, 8, ["row", "pfield", "flow-map"])
+            ]),
+            _: 2
+          }, [
+            hasAutoActions.value ? {
+              name: "action",
+              fn: withCtx(({ row }) => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(parsedActions.value, (action) => {
+                  return openBlock(), createBlock(resolveDynamicComponent(unref(resolveRowActionComponent)(action.type)), {
+                    key: action.type,
+                    action,
+                    row,
+                    category: __props.category,
+                    pfield: pfield.value,
+                    params: extraParams.value,
+                    "grid-api": unref(gridApi),
+                    onDeleted: handleRowDeleted,
+                    onSaved: handleRowSaved,
+                    onCommand: handleRowCommand
+                  }, null, 40, ["action", "row", "category", "pfield", "params", "grid-api"]);
+                }), 128))
+              ]),
+              key: "0"
+            } : void 0,
+            renderList(_ctx.$slots, (_, name) => {
+              return {
+                name,
+                fn: withCtx((data) => [
+                  !(hasAutoActions.value && name === "action") ? renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(data)), void 0, true, 0) : createCommentVNode("", true)
+                ])
+              };
+            })
+          ]), 1032, ["height", "table-title", "grid-options", "form-options"]))
+        ], 64)),
+        config.value && !loading.value ? (openBlock(true), createElementBlock(Fragment, { key: 4 }, renderList(parsedTools.value, (tool, idx) => {
+          return openBlock(), createBlock(resolveDynamicComponent(unref(resolveToolComponent)(tool.type)), {
+            key: idx,
+            ref_for: true,
+            ref: setToolRef(idx),
+            tool,
+            category: __props.category,
+            pfield: pfield.value,
+            "grid-api": unref(gridApi),
+            "extra-params": extraParams.value,
+            "mapping-scope": { params: extraParams.value },
+            onSaved: handleToolSaved,
+            onImported: handleToolImported,
+            onCommand: handleToolCommand
+          }, null, 40, ["tool", "category", "pfield", "grid-api", "extra-params", "mapping-scope"]);
+        }), 128)) : createCommentVNode("", true),
+        createVNode(DesignDevStateButton, {
+          "designer-category": __props.category,
+          "designer-name": __props.name,
+          "expr-scope": exprScope.value,
+          "expr-scope-labels": { params: "组件自身参数（extraParams）" },
+          state: devState.value,
+          top: __props.devButtonTop,
+          "designer-type": "table",
+          title: "DesignTable"
+        }, null, 8, ["designer-category", "designer-name", "expr-scope", "state", "top"])
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};