@jzg223/design-runtime 0.0.0-stage → 0.0.1

package/dist/components/ApiSwitch2.vue.js

@@ -0,0 +1,98 @@
+import { defineComponent, computed, useModel, ref, openBlock, createBlock, unref, mergeProps, mergeModels } from "vue";
+import { Switch } from "antdv-next";
+import { hostT, getDesignHost } from "../host.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ApiSwitch",
+  props: /* @__PURE__ */ mergeModels({
+    checkedText: { default: void 0 },
+    unCheckedText: { default: void 0 },
+    disabled: { type: Boolean },
+    api: {},
+    confirm: { type: Boolean, default: false },
+    confirmText: { type: Function, default: void 0 }
+  }, {
+    "value": { type: [Boolean, String, Number, Object], ...{
+      default: false
+    } },
+    "valueModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["reload"], ["update:value"]),
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const checkedTextComputed = computed(
+      () => props.checkedText ?? hostT("pages.common.enable", "启用")
+    );
+    const unCheckedTextComputed = computed(
+      () => props.unCheckedText ?? hostT("pages.common.disable", "禁用")
+    );
+    const currentChecked = useModel(__props, "value");
+    const loading = ref(false);
+    async function runUpdate(checked) {
+      const { api } = props;
+      if (typeof api !== "function") return;
+      await api(checked);
+      emit("reload");
+    }
+    function confirmUpdate(checked, lastStatus) {
+      const content = typeof props.confirmText === "function" ? props.confirmText(checked) : "确认要更新状态吗？";
+      const modal = getDesignHost().modal;
+      if (!modal) {
+        console.warn(
+          "[design-platform] 未注入 host.modal，confirm=true 已降级为直接执行；请在 installDesignPlatform({ modal }) 里提供 antd 的 modal 实例"
+        );
+        void runUpdate(checked);
+        return;
+      }
+      modal.confirm({
+        title: "提示",
+        content,
+        centered: true,
+        onOk: async () => {
+          try {
+            loading.value = true;
+            await runUpdate(checked);
+          } catch {
+            currentChecked.value = lastStatus;
+          } finally {
+            loading.value = false;
+          }
+        },
+        onCancel: () => {
+          currentChecked.value = lastStatus;
+        }
+      });
+    }
+    async function handleChange(checked, e) {
+      e.stopPropagation();
+      const lastStatus = !checked;
+      currentChecked.value = checked;
+      try {
+        loading.value = true;
+        if (props.confirm) {
+          confirmUpdate(checked, lastStatus);
+          return;
+        }
+        await runUpdate(checked);
+      } catch {
+        currentChecked.value = lastStatus;
+      } finally {
+        loading.value = false;
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Switch), mergeProps(_ctx.$attrs, {
+        class: "dr-api-switch",
+        loading: loading.value,
+        disabled: __props.disabled,
+        checked: currentChecked.value,
+        "checked-children": checkedTextComputed.value,
+        "un-checked-children": unCheckedTextComputed.value,
+        onChange: handleChange
+      }), null, 16, ["loading", "disabled", "checked", "checked-children", "un-checked-children"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/design-debug/dev-mode-toggle.vue.js

@@ -0,0 +1,7 @@
+import _sfc_main from "./dev-mode-toggle2.vue.js";
+/* empty css                     */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const devModeToggle = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f3f51604"]]);
+export {
+  devModeToggle as default
+};

package/dist/components/design-debug/dev-mode-toggle2.vue.js

@@ -0,0 +1,41 @@
+import { defineComponent, openBlock, createBlock, unref, withCtx, createElementVNode, normalizeClass, createElementBlock } from "vue";
+import { Tooltip } from "antdv-next";
+import { useDevMode, setDevMode } from "./dev-mode.js";
+const _hoisted_1 = {
+  key: 0,
+  class: "dev-mode-toggle__label"
+};
+const _hoisted_2 = {
+  key: 1,
+  class: "dev-mode-toggle__dot"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "DesignDevModeToggle" },
+  __name: "dev-mode-toggle",
+  setup(__props) {
+    const devMode = useDevMode();
+    function toggle() {
+      setDevMode(!devMode.value);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Tooltip), {
+        title: unref(devMode) ? "开发模式已开启，点击关闭" : "点击开启开发模式（显示各组件的 🐞 状态按钮与编辑/设计入口）",
+        placement: "left"
+      }, {
+        default: withCtx(() => [
+          createElementVNode("button", {
+            class: normalizeClass(["dev-mode-toggle", { "dev-mode-toggle--on": unref(devMode) }]),
+            type: "button",
+            onClick: toggle
+          }, [
+            unref(devMode) ? (openBlock(), createElementBlock("span", _hoisted_1, "开发")) : (openBlock(), createElementBlock("span", _hoisted_2))
+          ], 2)
+        ]),
+        _: 1
+      }, 8, ["title"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/design-debug/dev-mode.js

@@ -0,0 +1,45 @@
+import { ref } from "vue";
+const STORAGE_KEY = "design-dev-mode";
+function readUrlDevMode() {
+  if (typeof window === "undefined") return null;
+  const value = new URLSearchParams(window.location.search).get("dev");
+  if (value === "1") return true;
+  if (value === "0") return false;
+  return null;
+}
+function readStoredDevMode() {
+  if (typeof window === "undefined") return false;
+  try {
+    return window.localStorage.getItem(STORAGE_KEY) === "1";
+  } catch {
+    return false;
+  }
+}
+const devMode = ref(readUrlDevMode() ?? readStoredDevMode());
+function stripUrlDevMode() {
+  if (typeof window === "undefined") return;
+  const url = new URL(window.location.href);
+  if (url.searchParams.has("dev")) {
+    url.searchParams.delete("dev");
+    window.history.replaceState(null, "", url.toString());
+  }
+}
+function setDevMode(on) {
+  devMode.value = on;
+  try {
+    if (on) {
+      window.localStorage.setItem(STORAGE_KEY, "1");
+    } else {
+      window.localStorage.removeItem(STORAGE_KEY);
+      stripUrlDevMode();
+    }
+  } catch {
+  }
+}
+function useDevMode() {
+  return devMode;
+}
+export {
+  setDevMode,
+  useDevMode
+};

package/dist/components/design-debug/dev-state-button.vue.js

@@ -0,0 +1,7 @@
+import _sfc_main from "./dev-state-button2.vue.js";
+/* empty css                      */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const DesignDevStateButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d72f4e96"]]);
+export {
+  DesignDevStateButton as default
+};

package/dist/components/design-debug/dev-state-button2.vue.js

@@ -0,0 +1,447 @@
+import { defineComponent, ref, computed, unref, openBlock, createElementBlock, normalizeStyle, createVNode, withCtx, createTextVNode, createElementVNode, toDisplayString, createCommentVNode, Fragment, renderList, createBlock } from "vue";
+import { Button, Modal, Space, TextArea } from "antdv-next";
+import { fetchDesignUiConfig } from "../../api.js";
+import { buildExprScope, listScopeKeys, evalExpression, scopeKeyTip, appendScopeKey } from "./expr-eval.js";
+import { useDevMode, setDevMode } from "./dev-mode.js";
+import { platformMessage } from "../design-shared/host-api.js";
+const _hoisted_1 = {
+  key: 0,
+  class: "dev-state-button__designer"
+};
+const _hoisted_2 = { class: "dev-state-button__designer-label" };
+const _hoisted_3 = { class: "dev-state-button__toolbar" };
+const _hoisted_4 = { class: "dev-state-button__tabs" };
+const _hoisted_5 = {
+  key: 1,
+  class: "dev-state-button__expr"
+};
+const _hoisted_6 = { class: "dev-state-button__expr-input" };
+const _hoisted_7 = {
+  key: 0,
+  class: "dev-state-button__scope-switch"
+};
+const _hoisted_8 = { class: "dev-state-button__expr-hint" };
+const _hoisted_9 = { class: "dev-state-button__scope" };
+const _hoisted_10 = { class: "dev-state-button__scope-label" };
+const _hoisted_11 = {
+  key: 0,
+  class: "dev-state-button__scope-empty"
+};
+const _hoisted_12 = {
+  key: 1,
+  class: "dev-state-button__expr-empty"
+};
+const _hoisted_13 = {
+  key: 2,
+  class: "dev-state-button__expr-error"
+};
+const _hoisted_14 = { class: "dev-state-button__pre" };
+const _hoisted_15 = {
+  key: 3,
+  class: "dev-state-button__content"
+};
+const _hoisted_16 = { class: "dev-state-button__head" };
+const _hoisted_17 = { class: "dev-state-button__label" };
+const _hoisted_18 = { class: "dev-state-button__type" };
+const _hoisted_19 = {
+  key: 0,
+  class: "dev-state-button__warn"
+};
+const _hoisted_20 = { class: "dev-state-button__pre" };
+const _hoisted_21 = {
+  key: 0,
+  class: "dev-state-button__content"
+};
+const _hoisted_22 = { class: "dev-state-button__head" };
+const _hoisted_23 = { class: "dev-state-button__label" };
+const _hoisted_24 = { class: "dev-state-button__pre" };
+const _hoisted_25 = {
+  key: 1,
+  class: "dev-state-button__empty"
+};
+const EXPR_TAB_KEY = "__expr__";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "DesignDevStateButton" },
+  __name: "dev-state-button",
+  props: {
+    title: {},
+    state: {},
+    designerType: {},
+    designerCategory: {},
+    designerName: {},
+    exprScope: {},
+    exprScopeExtra: {},
+    exprScopeLabels: {},
+    top: { default: 10 }
+  },
+  setup(__props) {
+    const props = __props;
+    const devMode = useDevMode();
+    const open = ref(false);
+    const showDesignerActions = computed(
+      () => devMode.value && !!props.designerType && !!props.designerCategory && !!props.designerName
+    );
+    async function resolveDesignUiBaseUrl() {
+      var _a;
+      try {
+        const res = await fetchDesignUiConfig();
+        const url = (_a = res == null ? void 0 : res.uiUrl) == null ? void 0 : _a.trim();
+        if (url) return url;
+      } catch (err) {
+        console.warn(
+          "[design-debug] 获取构建端地址失败，回退环境变量/默认值:",
+          (err == null ? void 0 : err.message) ?? err
+        );
+      }
+      return "http://localhost:4000";
+    }
+    async function openDesigner(action) {
+      if (!props.designerType || !props.designerCategory || !props.designerName) return;
+      const params = new URLSearchParams({
+        type: props.designerType,
+        name: `${props.designerCategory}/${props.designerName}`,
+        action
+      });
+      const base = (await resolveDesignUiBaseUrl()).replace(/\/+$/, "");
+      window.open(`${base}/index.html?${params.toString()}`, "_blank");
+    }
+    const activeKey = ref(EXPR_TAB_KEY);
+    const isExprTab = computed(() => activeKey.value === EXPR_TAB_KEY);
+    const activeSection = computed(
+      () => sections.value.find((s) => s.key === activeKey.value) ?? sections.value[0] ?? null
+    );
+    const sections = computed(
+      () => Object.entries(props.state ?? {}).map(([key, value]) => {
+        let json;
+        try {
+          const raw = JSON.stringify(value, null, 2);
+          json = raw === void 0 ? String(value) : raw;
+        } catch (err) {
+          json = `[序列化失败] ${(err == null ? void 0 : err.message) ?? err}`;
+        }
+        return { key, label: key, json };
+      })
+    );
+    async function copyText(text, tip) {
+      try {
+        await navigator.clipboard.writeText(text);
+        platformMessage().success(tip);
+      } catch {
+        platformMessage().error("复制失败（浏览器可能未授权剪贴板）");
+      }
+    }
+    function copySection(section) {
+      return copyText(section.json, `已复制 ${section.label}`);
+    }
+    function copyAll() {
+      const all = sections.value.map((s) => `### ${s.label}
+${s.json}`).join("\n\n");
+      return copyText(all, "已复制全部状态");
+    }
+    function handleCloseDevMode() {
+      setDevMode(false);
+      open.value = false;
+    }
+    const expression = ref("");
+    const exprScope = computed(
+      () => buildExprScope(props.state, props.exprScope)
+    );
+    const exprScopeSource = ref("mapping");
+    const hasExtraScope = computed(() => !!props.exprScopeExtra);
+    const activeScope = computed(
+      () => exprScopeSource.value === "extra" && props.exprScopeExtra ? props.exprScopeExtra.scope : exprScope.value
+    );
+    const activeScopeLabels = computed(
+      () => exprScopeSource.value === "extra" ? null : props.exprScopeLabels
+    );
+    const activeScopeLabelText = computed(
+      () => exprScopeSource.value === "extra" && props.exprScopeExtra ? `可用作用域（${props.exprScopeExtra.label}）：` : "可用作用域："
+    );
+    const activeScopeHint = computed(
+      () => {
+        var _a;
+        return exprScopeSource.value === "extra" ? ((_a = props.exprScopeExtra) == null ? void 0 : _a.hint) ?? "" : "";
+      }
+    );
+    const scopeKeys = computed(() => listScopeKeys(activeScope.value));
+    const exprResult = computed(
+      () => open.value ? evalExpression(expression.value, activeScope.value) : null
+    );
+    function insertScopeKey(key) {
+      expression.value = appendScopeKey(expression.value, key);
+    }
+    function clearExpression() {
+      expression.value = "";
+    }
+    function copyExprResult() {
+      const result = exprResult.value;
+      if (result == null ? void 0 : result.ok) return copyText(result.text, "已复制计算结果");
+    }
+    return (_ctx, _cache) => {
+      return unref(devMode) ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: "dev-state-button",
+        style: normalizeStyle({ top: `${__props.top}px` })
+      }, [
+        createVNode(unref(Button), {
+          class: "dev-state-button__fab",
+          type: "primary",
+          shape: "circle",
+          size: "small",
+          title: `${__props.title} · 查看组件状态（开发模式）`,
+          onClick: _cache[0] || (_cache[0] = ($event) => open.value = true)
+        }, {
+          default: withCtx(() => [..._cache[9] || (_cache[9] = [
+            createTextVNode(" 🐞 ", -1)
+          ])]),
+          _: 1
+        }, 8, ["title"]),
+        createVNode(unref(Modal), {
+          open: open.value,
+          title: `${__props.title} · 组件状态`,
+          width: 1e3,
+          footer: null,
+          onCancel: _cache[8] || (_cache[8] = ($event) => open.value = false)
+        }, {
+          default: withCtx(() => {
+            var _a;
+            return [
+              showDesignerActions.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+                createElementVNode("span", _hoisted_2, [
+                  _cache[10] || (_cache[10] = createTextVNode(" 设计器快捷入口：", -1)),
+                  createElementVNode("code", null, toDisplayString(__props.designerCategory) + "/" + toDisplayString(__props.designerName), 1),
+                  createTextVNode("（" + toDisplayString(__props.designerType) + "） ", 1)
+                ]),
+                createVNode(unref(Space), null, {
+                  default: withCtx(() => [
+                    createVNode(unref(Button), {
+                      size: "small",
+                      title: `在 design-ui 中编辑 ${__props.designerType} 配置`,
+                      onClick: _cache[1] || (_cache[1] = ($event) => openDesigner("edit"))
+                    }, {
+                      default: withCtx(() => [..._cache[11] || (_cache[11] = [
+                        createTextVNode(" 编辑 ", -1)
+                      ])]),
+                      _: 1
+                    }, 8, ["title"]),
+                    createVNode(unref(Button), {
+                      size: "small",
+                      type: "primary",
+                      title: `在 design-ui 中设计 ${__props.designerType} 配置`,
+                      onClick: _cache[2] || (_cache[2] = ($event) => openDesigner("design"))
+                    }, {
+                      default: withCtx(() => [..._cache[12] || (_cache[12] = [
+                        createTextVNode(" 设计 ", -1)
+                      ])]),
+                      _: 1
+                    }, 8, ["title"])
+                  ]),
+                  _: 1
+                })
+              ])) : createCommentVNode("", true),
+              createElementVNode("div", _hoisted_3, [
+                _cache[15] || (_cache[15] = createElementVNode("span", { class: "dev-state-button__tip" }, "开发模式 · 实时状态（打开弹窗期间数据持续刷新）", -1)),
+                createVNode(unref(Space), null, {
+                  default: withCtx(() => [
+                    createVNode(unref(Button), {
+                      size: "small",
+                      onClick: copyAll
+                    }, {
+                      default: withCtx(() => [..._cache[13] || (_cache[13] = [
+                        createTextVNode("复制全部", -1)
+                      ])]),
+                      _: 1
+                    }),
+                    createVNode(unref(Button), {
+                      size: "small",
+                      danger: "",
+                      type: "text",
+                      onClick: handleCloseDevMode
+                    }, {
+                      default: withCtx(() => [..._cache[14] || (_cache[14] = [
+                        createTextVNode(" 关闭开发模式 ", -1)
+                      ])]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              createElementVNode("div", _hoisted_4, [
+                createVNode(unref(Button), {
+                  size: "small",
+                  type: isExprTab.value ? "primary" : "default",
+                  title: "输入表达式实时求值（与构建端字段映射表达式同语义）",
+                  onClick: _cache[3] || (_cache[3] = ($event) => activeKey.value = EXPR_TAB_KEY)
+                }, {
+                  default: withCtx(() => [..._cache[16] || (_cache[16] = [
+                    createTextVNode(" 🧮 表达式计算 ", -1)
+                  ])]),
+                  _: 1
+                }, 8, ["type"]),
+                (openBlock(true), createElementBlock(Fragment, null, renderList(sections.value, (s) => {
+                  var _a2;
+                  return openBlock(), createBlock(unref(Button), {
+                    key: s.key,
+                    size: "small",
+                    type: ((_a2 = activeSection.value) == null ? void 0 : _a2.key) === s.key && !isExprTab.value ? "primary" : "default",
+                    onClick: ($event) => activeKey.value = s.key
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(s.label), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["type", "onClick"]);
+                }), 128))
+              ]),
+              isExprTab.value ? (openBlock(), createElementBlock("div", _hoisted_5, [
+                createElementVNode("div", _hoisted_6, [
+                  createVNode(unref(TextArea), {
+                    value: expression.value,
+                    "onUpdate:value": _cache[4] || (_cache[4] = ($event) => expression.value = $event),
+                    rows: 2,
+                    spellcheck: false,
+                    placeholder: "输入表达式，实时求值。例如：params.pid",
+                    class: "dev-state-button__expr-textarea"
+                  }, null, 8, ["value"]),
+                  createVNode(unref(Space), null, {
+                    default: withCtx(() => {
+                      var _a2;
+                      return [
+                        createVNode(unref(Button), {
+                          size: "small",
+                          disabled: !expression.value,
+                          onClick: clearExpression
+                        }, {
+                          default: withCtx(() => [..._cache[17] || (_cache[17] = [
+                            createTextVNode(" 清空 ", -1)
+                          ])]),
+                          _: 1
+                        }, 8, ["disabled"]),
+                        createVNode(unref(Button), {
+                          size: "small",
+                          disabled: !((_a2 = exprResult.value) == null ? void 0 : _a2.ok),
+                          onClick: copyExprResult
+                        }, {
+                          default: withCtx(() => [..._cache[18] || (_cache[18] = [
+                            createTextVNode(" 复制结果 ", -1)
+                          ])]),
+                          _: 1
+                        }, 8, ["disabled"])
+                      ];
+                    }),
+                    _: 1
+                  })
+                ]),
+                hasExtraScope.value ? (openBlock(), createElementBlock("div", _hoisted_7, [
+                  _cache[20] || (_cache[20] = createElementVNode("span", { class: "dev-state-button__scope-switch-label" }, "求值作用域：", -1)),
+                  createVNode(unref(Button), {
+                    size: "small",
+                    type: exprScopeSource.value === "mapping" ? "primary" : "default",
+                    title: "本组件「字段映射」表达式的真实作用域",
+                    onClick: _cache[5] || (_cache[5] = ($event) => exprScopeSource.value = "mapping")
+                  }, {
+                    default: withCtx(() => [..._cache[19] || (_cache[19] = [
+                      createTextVNode(" 映射作用域 ", -1)
+                    ])]),
+                    _: 1
+                  }, 8, ["type"]),
+                  createVNode(unref(Button), {
+                    size: "small",
+                    type: exprScopeSource.value === "extra" ? "primary" : "default",
+                    title: (_a = __props.exprScopeExtra) == null ? void 0 : _a.hint,
+                    onClick: _cache[6] || (_cache[6] = ($event) => exprScopeSource.value = "extra")
+                  }, {
+                    default: withCtx(() => {
+                      var _a2;
+                      return [
+                        createTextVNode(toDisplayString((_a2 = __props.exprScopeExtra) == null ? void 0 : _a2.label), 1)
+                      ];
+                    }),
+                    _: 1
+                  }, 8, ["type", "title"])
+                ])) : createCommentVNode("", true),
+                createElementVNode("div", _hoisted_8, [
+                  exprScopeSource.value === "extra" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                    createTextVNode(toDisplayString(activeScopeHint.value || "当前作用域＝该组件「非映射」表达式的真实可用变量，与字段映射作用域不同，不要混用。"), 1)
+                  ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                    _cache[21] || (_cache[21] = createTextVNode(" 作用域 = ", -1)),
+                    _cache[22] || (_cache[22] = createElementVNode("strong", null, "本组件", -1)),
+                    _cache[23] || (_cache[23] = createTextVNode("「字段映射」表达式的真实可用变量（各组件不同，见下方 可用作用域），求值与映射", -1)),
+                    _cache[24] || (_cache[24] = createElementVNode("strong", null, "同源", -1)),
+                    _cache[25] || (_cache[25] = createTextVNode("。结果随状态实时刷新。 ", -1))
+                  ], 64))
+                ]),
+                createElementVNode("div", _hoisted_9, [
+                  createElementVNode("span", _hoisted_10, toDisplayString(activeScopeLabelText.value), 1),
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(scopeKeys.value, (key) => {
+                    return openBlock(), createBlock(unref(Button), {
+                      key,
+                      size: "small",
+                      type: "link",
+                      class: "dev-state-button__scope-chip",
+                      title: unref(scopeKeyTip)(key, activeScope.value[key], activeScopeLabels.value),
+                      onClick: ($event) => insertScopeKey(key)
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(key), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["title", "onClick"]);
+                  }), 128)),
+                  scopeKeys.value.length === 0 ? (openBlock(), createElementBlock("span", _hoisted_11, " （该组件未接线表达式作用域） ")) : createCommentVNode("", true)
+                ]),
+                !expression.value.trim() ? (openBlock(), createElementBlock("div", _hoisted_12, " 输入表达式后这里显示计算结果 ")) : exprResult.value && !exprResult.value.ok ? (openBlock(), createElementBlock("div", _hoisted_13, [
+                  _cache[26] || (_cache[26] = createElementVNode("div", { class: "dev-state-button__head" }, [
+                    createElementVNode("span", null, "求值失败")
+                  ], -1)),
+                  createElementVNode("pre", _hoisted_14, toDisplayString(exprResult.value.error), 1)
+                ])) : exprResult.value ? (openBlock(), createElementBlock("div", _hoisted_15, [
+                  createElementVNode("div", _hoisted_16, [
+                    createElementVNode("code", _hoisted_17, [
+                      _cache[27] || (_cache[27] = createTextVNode(" 结果 ", -1)),
+                      createElementVNode("span", _hoisted_18, toDisplayString(exprResult.value.type), 1),
+                      exprResult.value.empty ? (openBlock(), createElementBlock("span", _hoisted_19, " 未取到值（undefined / null） ")) : createCommentVNode("", true)
+                    ]),
+                    createVNode(unref(Button), {
+                      size: "small",
+                      type: "link",
+                      onClick: copyExprResult
+                    }, {
+                      default: withCtx(() => [..._cache[28] || (_cache[28] = [
+                        createTextVNode("复制", -1)
+                      ])]),
+                      _: 1
+                    })
+                  ]),
+                  createElementVNode("pre", _hoisted_20, toDisplayString(exprResult.value.text), 1)
+                ])) : createCommentVNode("", true)
+              ])) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+                activeSection.value ? (openBlock(), createElementBlock("div", _hoisted_21, [
+                  createElementVNode("div", _hoisted_22, [
+                    createElementVNode("code", _hoisted_23, toDisplayString(activeSection.value.label), 1),
+                    createVNode(unref(Button), {
+                      size: "small",
+                      type: "link",
+                      onClick: _cache[7] || (_cache[7] = ($event) => copySection(activeSection.value))
+                    }, {
+                      default: withCtx(() => [..._cache[29] || (_cache[29] = [
+                        createTextVNode("复制", -1)
+                      ])]),
+                      _: 1
+                    })
+                  ]),
+                  createElementVNode("pre", _hoisted_24, toDisplayString(activeSection.value.json), 1)
+                ])) : (openBlock(), createElementBlock("div", _hoisted_25, "暂无状态数据"))
+              ], 64))
+            ];
+          }),
+          _: 1
+        }, 8, ["open", "title"])
+      ], 4)) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};