@vite-plugin-opencode-assistant/components 1.0.5

package/es/env.d.ts

@@ -0,0 +1,10 @@
+/// <reference lib="dom" />
+/// <reference lib="dom.iterable" />
+
+declare module "*.vue" {
+  import type { DefineComponent } from "vue";
+
+  const component: DefineComponent<Record<string, never>, Record<string, never>, unknown>;
+
+  export default component;
+}

package/es/index.d.ts

@@ -0,0 +1,6 @@
+import OpenCodeWidget from './open-code-widget';
+import type { App } from 'vue';
+declare const version = "1.0.5";
+declare function install(app: App<any>, options?: any): void;
+export { install, version, OpenCodeWidget };
+export default install;

package/es/index.js

@@ -0,0 +1,21 @@
+import OpenCodeWidget from "./open-code-widget";
+const version = "1.0.5";
+function install(app, options) {
+  const components = [
+    OpenCodeWidget
+  ];
+  components.forEach((item) => {
+    if (item.install) {
+      app.use(item, options);
+    } else if (item.name) {
+      app.component(item.name, item);
+    }
+  });
+}
+var es_default = install;
+export {
+  OpenCodeWidget,
+  es_default as default,
+  install,
+  version
+};

package/es/open-code-widget/composables/use-inspector.d.ts

@@ -0,0 +1,52 @@
+import { type Ref } from "vue";
+import type { OpenCodeSelectedElement } from "../src/types";
+interface VueInspector {
+    getTargetNode: (e: MouseEvent) => {
+        targetNode: Element | null;
+        params: {
+            file?: string;
+            line?: number;
+            column?: number;
+        } | null;
+    };
+    handleClick: (e: MouseEvent) => void;
+    enable: () => void;
+    disable: () => void;
+    __opencode_hooked?: boolean;
+}
+declare global {
+    interface Window {
+        __VUE_INSPECTOR__?: VueInspector;
+    }
+}
+interface UseInspectorOptions {
+    selectMode: Ref<boolean>;
+    onAddSelectedNode: (element: OpenCodeSelectedElement) => void;
+    onExitSelectMode: () => void;
+}
+export declare function useInspector(options: UseInspectorOptions): {
+    highlightVisible: Ref<boolean, boolean>;
+    highlightStyle: Ref<Record<string, string>, Record<string, string>>;
+    tooltipVisible: Ref<boolean, boolean>;
+    tooltipStyle: Ref<{
+        top: string;
+        left: string;
+    }, {
+        top: string;
+        left: string;
+    } | {
+        top: string;
+        left: string;
+    }>;
+    tooltipContent: Ref<{
+        description: string;
+        fileInfo: string;
+    }, {
+        description: string;
+        fileInfo: string;
+    } | {
+        description: string;
+        fileInfo: string;
+    }>;
+};
+export {};

package/es/open-code-widget/composables/use-inspector.js

@@ -0,0 +1,188 @@
+import { ref, watch, onMounted, onUnmounted } from "vue";
+function truncate(str, maxLength) {
+  if (!str) return "";
+  return str.length > maxLength ? str.substring(0, maxLength) + "..." : str;
+}
+function getDirectText(element) {
+  let text = "";
+  for (let i = 0; i < element.childNodes.length; i++) {
+    const child = element.childNodes[i];
+    if (child.nodeType === Node.TEXT_NODE) {
+      text += child.textContent || "";
+    }
+  }
+  return text.trim();
+}
+function getElementDescription(element) {
+  const tag = element.tagName.toLowerCase();
+  const parts = [tag];
+  const id = element.id;
+  if (id) parts.push(`#${id}`);
+  if (typeof element.className === "string") {
+    const className = element.className.trim().split(/\s+/).filter(Boolean).slice(0, 2).join(".");
+    if (className) parts.push(`.${className}`);
+  }
+  const name = element.getAttribute("name");
+  if (name) parts.push(`[name="${name}"]`);
+  const placeholder = element.getAttribute("placeholder");
+  if (placeholder) parts.push(`[placeholder="${placeholder.substring(0, 20)}"]`);
+  const src = element.getAttribute("src");
+  if (src) parts.push(`[src]`);
+  const href = element.getAttribute("href");
+  if (href && href !== "#") parts.push(`[href]`);
+  return parts.join("");
+}
+function useInspector(options) {
+  const highlightVisible = ref(false);
+  const highlightStyle = ref({
+    top: "0px",
+    left: "0px",
+    width: "0px",
+    height: "0px"
+  });
+  const tooltipVisible = ref(false);
+  const tooltipStyle = ref({ top: "0px", left: "0px" });
+  const tooltipContent = ref({ description: "", fileInfo: "" });
+  const INSPECTOR_CHECK_INTERVAL = 500;
+  let inspectorCheckTimer = null;
+  function handleMouseMove(e) {
+    if (!options.selectMode.value) return;
+    const inspector = window.__VUE_INSPECTOR__;
+    if (!inspector) return;
+    const { targetNode, params } = inspector.getTargetNode(e);
+    if (targetNode && params) {
+      const rect = targetNode.getBoundingClientRect();
+      const widget = document.querySelector(".opencode-widget");
+      let primary = "#3b82f6";
+      let primaryBg = "rgba(59, 130, 246, 0.1)";
+      if (widget) {
+        const style = getComputedStyle(widget);
+        primary = style.getPropertyValue("--oc-primary").trim() || primary;
+        primaryBg = style.getPropertyValue("--oc-primary-bg").trim() || primaryBg;
+      }
+      highlightVisible.value = true;
+      highlightStyle.value = {
+        top: `${rect.top}px`,
+        left: `${rect.left}px`,
+        width: `${rect.width}px`,
+        height: `${rect.height}px`,
+        border: `2px solid ${primary}`,
+        background: primaryBg
+      };
+      const description = getElementDescription(targetNode);
+      const fileName = params.file ? params.file.split("/").pop() : "";
+      let lineInfo = "";
+      if (params.line) {
+        lineInfo = `:${params.line}`;
+        if (params.column) {
+          lineInfo += `:${params.column}`;
+        }
+      }
+      tooltipContent.value = {
+        description,
+        fileInfo: fileName ? `${fileName}${lineInfo}` : ""
+      };
+      tooltipVisible.value = true;
+      const tooltipHeight = 50;
+      const tooltipWidth = 200;
+      let tooltipTop = rect.top - tooltipHeight - 8;
+      let tooltipLeft = rect.left;
+      if (tooltipTop < 10) {
+        tooltipTop = rect.bottom + 8;
+      }
+      if (tooltipLeft + tooltipWidth > window.innerWidth - 10) {
+        tooltipLeft = window.innerWidth - tooltipWidth - 10;
+      }
+      tooltipStyle.value = {
+        top: `${tooltipTop}px`,
+        left: `${tooltipLeft}px`
+      };
+    } else {
+      highlightVisible.value = false;
+      tooltipVisible.value = false;
+    }
+  }
+  function setupInspectorHook() {
+    const inspector = window.__VUE_INSPECTOR__;
+    if (!inspector || inspector.__opencode_hooked) return;
+    const originalHandleClick = inspector.handleClick.bind(inspector);
+    inspector.handleClick = function(e) {
+      var _a, _b, _c;
+      if (options.selectMode.value) {
+        const { targetNode, params } = inspector.getTargetNode(e);
+        if (targetNode && params) {
+          const innerText = getDirectText(targetNode);
+          const description = getElementDescription(targetNode);
+          const elementInfo = {
+            filePath: (_a = params.file) != null ? _a : null,
+            line: (_b = params.line) != null ? _b : null,
+            column: (_c = params.column) != null ? _c : null,
+            innerText: truncate(innerText, 200),
+            description
+          };
+          options.onAddSelectedNode(elementInfo);
+        }
+        return;
+      }
+      return originalHandleClick.call(inspector, e);
+    };
+    inspector.__opencode_hooked = true;
+  }
+  function handleKeydown(e) {
+    if (e.key === "Escape" && options.selectMode.value) {
+      e.preventDefault();
+      e.stopPropagation();
+      options.onExitSelectMode();
+    }
+  }
+  watch(options.selectMode, (newVal) => {
+    const inspector = window.__VUE_INSPECTOR__;
+    if (newVal) {
+      if (inspector) {
+        inspector.enable();
+      }
+      document.addEventListener("mousemove", handleMouseMove);
+      document.addEventListener("keydown", handleKeydown, true);
+    } else {
+      if (inspector) {
+        inspector.disable();
+      }
+      document.removeEventListener("mousemove", handleMouseMove);
+      document.removeEventListener("keydown", handleKeydown, true);
+      highlightVisible.value = false;
+      tooltipVisible.value = false;
+    }
+  });
+  onMounted(() => {
+    if (window.__VUE_INSPECTOR__) {
+      setupInspectorHook();
+    } else {
+      inspectorCheckTimer = window.setInterval(() => {
+        if (window.__VUE_INSPECTOR__) {
+          setupInspectorHook();
+          if (inspectorCheckTimer) {
+            window.clearInterval(inspectorCheckTimer);
+            inspectorCheckTimer = null;
+          }
+        }
+      }, INSPECTOR_CHECK_INTERVAL);
+    }
+  });
+  onUnmounted(() => {
+    if (inspectorCheckTimer) {
+      window.clearInterval(inspectorCheckTimer);
+    }
+    document.removeEventListener("mousemove", handleMouseMove);
+    document.removeEventListener("keydown", handleKeydown, true);
+  });
+  return {
+    highlightVisible,
+    highlightStyle,
+    tooltipVisible,
+    tooltipStyle,
+    tooltipContent
+  };
+}
+export {
+  useInspector
+};

package/es/open-code-widget/composables/use-selection.d.ts

@@ -0,0 +1,19 @@
+import { type Ref } from "vue";
+import type { OpenCodeRemoveSelectedPayload, OpenCodeSelectedElement, OpenCodeSelectedElementItem } from "../src/types";
+export interface UseSelectionOptions {
+    selectMode: Ref<boolean>;
+    selectedElements: Ref<OpenCodeSelectedElement[]>;
+    onToggleSelectMode: (mode: boolean) => void;
+    onRemoveSelectedNode: (payload: OpenCodeRemoveSelectedPayload) => void;
+    onClearSelectedNodes: () => void;
+    showConfirmDialog: (message: string) => Promise<boolean>;
+}
+export declare function useSelection(options: UseSelectionOptions): {
+    bubbleVisible: import("vue").ComputedRef<boolean>;
+    hasSelectedElements: import("vue").ComputedRef<boolean>;
+    selectedElementItems: import("vue").ComputedRef<OpenCodeSelectedElementItem[]>;
+    handleClearSelectedNodes: () => Promise<void>;
+    handleClickSelectedNode: (item: OpenCodeSelectedElementItem) => void;
+    handleRemoveSelectedNode: (item: OpenCodeSelectedElementItem, index: number, source: OpenCodeRemoveSelectedPayload["source"]) => void;
+    handleToggleSelectMode: () => void;
+};

package/es/open-code-widget/composables/use-selection.js

@@ -0,0 +1,142 @@
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+import { computed } from "vue";
+function truncate(value, maxLength) {
+  if (value.length <= maxLength) {
+    return value;
+  }
+  return `${value.slice(0, maxLength)}...`;
+}
+function getElementKey(element, index) {
+  var _a;
+  if (element.filePath && element.line) {
+    return `${element.filePath}:${element.line}:${(_a = element.column) != null ? _a : 0}`;
+  }
+  return `${element.description}-${index}`;
+}
+function getBubbleFileText(element) {
+  var _a;
+  const fileName = ((_a = element.filePath) == null ? void 0 : _a.split("/").pop()) || "";
+  const lineInfo = element.line ? `:${element.line}${element.column ? `:${element.column}` : ""}` : "";
+  return `${fileName}${lineInfo}`;
+}
+function getPanelFileText(element) {
+  var _a, _b;
+  const fileName = ((_a = element.filePath) == null ? void 0 : _a.split("/").pop()) || "\u672A\u77E5\u6587\u4EF6";
+  const lineInfo = element.line ? `:${element.line}${element.column ? `:${element.column}` : ""}` : "";
+  const textPreview = ((_b = element.innerText) == null ? void 0 : _b.trim()) ? `${truncate(element.innerText.trim(), 30)} \xB7 ` : "";
+  return `${textPreview}${fileName}${lineInfo}`;
+}
+function useSelection(options) {
+  const bubbleVisible = computed(() => options.selectMode.value);
+  const selectedElementItems = computed(
+    () => (options.selectedElements.value || []).map(
+      (element, index) => ({
+        key: getElementKey(element, index),
+        description: element.description || "\u672A\u77E5\u5143\u7D20",
+        bubbleFileText: getBubbleFileText(element),
+        panelFileText: getPanelFileText(element),
+        element
+      })
+    )
+  );
+  const hasSelectedElements = computed(() => selectedElementItems.value.length > 0);
+  function handleToggleSelectMode() {
+    options.onToggleSelectMode(!options.selectMode.value);
+  }
+  function handleClickSelectedNode(item) {
+    const description = item.element.description;
+    if (!description) return;
+    let targetElement = null;
+    if (description.includes("#")) {
+      const idMatch = description.match(/#([^.[\s]+)/);
+      if (idMatch) {
+        targetElement = document.getElementById(idMatch[1]);
+      }
+    }
+    if (!targetElement && description.includes(".")) {
+      const classMatch = description.match(/^([a-z]+)\.([^[\s]+)/i);
+      if (classMatch) {
+        const tagName = classMatch[1];
+        const classes = classMatch[2].split(".").filter(Boolean);
+        const selector = `${tagName}.${classes.join(".")}`;
+        targetElement = document.querySelector(selector);
+      }
+    }
+    if (!targetElement) {
+      const tagMatch = description.match(/^([a-z]+)/i);
+      if (tagMatch) {
+        const simpleSelector = description.split(/[.[\s]/)[0];
+        targetElement = document.querySelector(simpleSelector);
+      }
+    }
+    if (targetElement) {
+      targetElement.scrollIntoView({ behavior: "smooth", block: "center" });
+      const highlightOverlay = document.createElement("div");
+      highlightOverlay.className = "opencode-element-highlight-temp";
+      const widget = document.querySelector(".opencode-widget");
+      let primary = "#3b82f6";
+      let primaryBg = "rgba(59, 130, 246, 0.1)";
+      if (widget) {
+        const style = getComputedStyle(widget);
+        primary = style.getPropertyValue("--oc-primary").trim() || primary;
+        primaryBg = style.getPropertyValue("--oc-primary-bg").trim() || primaryBg;
+      }
+      highlightOverlay.style.border = `2px solid ${primary}`;
+      highlightOverlay.style.background = primaryBg;
+      const rect = targetElement.getBoundingClientRect();
+      highlightOverlay.style.top = `${rect.top + window.scrollY}px`;
+      highlightOverlay.style.left = `${rect.left + window.scrollX}px`;
+      highlightOverlay.style.width = `${rect.width}px`;
+      highlightOverlay.style.height = `${rect.height}px`;
+      document.body.appendChild(highlightOverlay);
+      setTimeout(() => {
+        highlightOverlay.remove();
+      }, 2e3);
+    }
+  }
+  function handleRemoveSelectedNode(item, index, source) {
+    options.onRemoveSelectedNode({ element: item.element, index, source });
+  }
+  function handleClearSelectedNodes() {
+    return __async(this, null, function* () {
+      if (!options.selectedElements.value || options.selectedElements.value.length === 0) return;
+      const confirmed = yield options.showConfirmDialog(
+        `\u786E\u5B9A\u8981\u6E05\u7A7A\u6240\u6709 ${options.selectedElements.value.length} \u4E2A\u5DF2\u9009\u8282\u70B9\u5417\uFF1F`
+      );
+      if (confirmed) {
+        options.onClearSelectedNodes();
+      }
+    });
+  }
+  return {
+    bubbleVisible,
+    hasSelectedElements,
+    selectedElementItems,
+    handleClearSelectedNodes,
+    handleClickSelectedNode,
+    handleRemoveSelectedNode,
+    handleToggleSelectMode
+  };
+}
+export {
+  useSelection
+};

package/es/open-code-widget/composables/use-session.d.ts

@@ -0,0 +1,16 @@
+import { type Ref } from "vue";
+import type { OpenCodeWidgetSession, OpenCodeWidgetSessionItem } from "../src/types";
+export interface UseSessionOptions {
+    sessions: Ref<OpenCodeWidgetSession[]>;
+    currentSessionId: Ref<string | number | null>;
+    onCreateSession: () => void;
+    onSelectSession: (session: OpenCodeWidgetSession) => void;
+    onDeleteSession: (session: OpenCodeWidgetSession) => void;
+    showConfirmDialog: (message: string) => Promise<boolean>;
+}
+export declare function useSession(options: UseSessionOptions): {
+    sessionItems: import("vue").ComputedRef<OpenCodeWidgetSessionItem[]>;
+    handleCreateSession: () => void;
+    handleDeleteSession: (item: OpenCodeWidgetSessionItem) => Promise<void>;
+    handleSelectSession: (item: OpenCodeWidgetSessionItem) => void;
+};

package/es/open-code-widget/composables/use-session.js

@@ -0,0 +1,68 @@
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+import { computed } from "vue";
+function formatSessionMeta(session) {
+  if (session.meta) {
+    return session.meta;
+  }
+  if (!session.updatedAt) {
+    return "";
+  }
+  const date = new Date(session.updatedAt);
+  if (Number.isNaN(date.getTime())) {
+    return "";
+  }
+  return `${date.toLocaleDateString()} ${date.toLocaleTimeString()}`;
+}
+function useSession(options) {
+  const sessionItems = computed(
+    () => (options.sessions.value || []).map((session) => ({
+      key: session.id,
+      title: session.title || "\u65B0\u4F1A\u8BDD",
+      meta: formatSessionMeta(session),
+      active: session.id === options.currentSessionId.value,
+      session
+    }))
+  );
+  function handleCreateSession() {
+    options.onCreateSession();
+  }
+  function handleSelectSession(item) {
+    options.onSelectSession(item.session);
+  }
+  function handleDeleteSession(item) {
+    return __async(this, null, function* () {
+      const confirmed = yield options.showConfirmDialog(`\u786E\u5B9A\u8981\u5220\u9664\u4F1A\u8BDD "${item.title}" \u5417\uFF1F`);
+      if (confirmed) {
+        options.onDeleteSession(item.session);
+      }
+    });
+  }
+  return {
+    sessionItems,
+    handleCreateSession,
+    handleDeleteSession,
+    handleSelectSession
+  };
+}
+export {
+  useSession
+};

package/es/open-code-widget/composables/use-widget.d.ts

@@ -0,0 +1,24 @@
+import { type Ref } from "vue";
+export interface UseWidgetOptions {
+    position: Ref<string>;
+    theme: Ref<string>;
+    open: Ref<boolean>;
+    selectMode: Ref<boolean>;
+    iframeSrc: Ref<string>;
+    sessionListCollapsed: Ref<boolean>;
+    onToggle: (nextOpen: boolean) => void;
+    onToggleSelectMode?: (mode: boolean) => void;
+    onClose: () => void;
+    onToggleSessionList: (collapsed: boolean) => void;
+    onEmptyAction: () => void;
+}
+export declare function useWidget(options: UseWidgetOptions): {
+    buttonActive: import("vue").ComputedRef<boolean>;
+    containerClasses: import("vue").ComputedRef<string[]>;
+    iframeSource: import("vue").ComputedRef<string>;
+    sessionListTitle: import("vue").ComputedRef<"展开会话列表" | "折叠会话列表">;
+    handleClose: () => void;
+    handleEmptyAction: () => void;
+    handleToggle: () => void;
+    handleToggleSessionList: () => void;
+};

package/es/open-code-widget/composables/use-widget.js

@@ -0,0 +1,44 @@
+import { computed } from "vue";
+function useWidget(options) {
+  const containerClasses = computed(() => [
+    "opencode-widget",
+    options.position.value,
+    `opencode-theme-${options.theme.value}`
+  ]);
+  const buttonActive = computed(() => !!(options.open.value || options.selectMode.value));
+  const iframeSource = computed(() => options.iframeSrc.value || "about:blank");
+  const sessionListTitle = computed(
+    () => options.sessionListCollapsed.value ? "\u5C55\u5F00\u4F1A\u8BDD\u5217\u8868" : "\u6298\u53E0\u4F1A\u8BDD\u5217\u8868"
+  );
+  function handleToggle() {
+    var _a;
+    if (options.selectMode.value) {
+      (_a = options.onToggleSelectMode) == null ? void 0 : _a.call(options, false);
+      return;
+    }
+    const nextOpen = !options.open.value;
+    options.onToggle(nextOpen);
+  }
+  function handleClose() {
+    options.onClose();
+  }
+  function handleToggleSessionList() {
+    options.onToggleSessionList(!options.sessionListCollapsed.value);
+  }
+  function handleEmptyAction() {
+    options.onEmptyAction();
+  }
+  return {
+    buttonActive,
+    containerClasses,
+    iframeSource,
+    sessionListTitle,
+    handleClose,
+    handleEmptyAction,
+    handleToggle,
+    handleToggleSessionList
+  };
+}
+export {
+  useWidget
+};

package/es/open-code-widget/index.d.ts

@@ -0,0 +1,3 @@
+import OpenCodeWidget from "./src/index.vue";
+export default OpenCodeWidget;
+export * from "./src/types";

package/es/open-code-widget/index.js

@@ -0,0 +1,6 @@
+import OpenCodeWidget from "./src/index.vue.js";
+var open_code_widget_default = OpenCodeWidget;
+export * from "./src/types";
+export {
+  open_code_widget_default as default
+};

package/es/open-code-widget/src/components/Frame-sfc.css

@@ -0,0 +1 @@
+.opencode-iframe-container{flex:1;position:relative;overflow:hidden;display:flex;flex-direction:column;margin-top:-42px}.opencode-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--oc-overlay-bg);display:none;flex-direction:column;align-items:center;justify-content:center;z-index:10;transition:opacity .3s ease}.opencode-loading-overlay.visible{display:flex}.opencode-loading-spinner{width:40px;height:40px;border:3px solid var(--oc-border-primary);border-top-color:var(--oc-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.opencode-loading-text{margin-top:12px;font-size:14px;color:var(--oc-text-placeholder)}.opencode-empty-state-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--oc-bg-secondary);display:none;flex-direction:column;align-items:center;justify-content:center;z-index:5;transition:opacity .3s ease;margin-top:42px}.opencode-empty-state-overlay.visible{display:flex}.opencode-empty-state-icon{color:var(--oc-text-placeholder);margin-bottom:16px}.opencode-empty-state-text{color:var(--oc-text-primary);font-size:16px;font-weight:500;margin-bottom:24px}.opencode-empty-state-btn{padding:10px 24px;border-radius:8px;border:none;background:var(--oc-primary);color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;box-shadow:var(--oc-shadow-primary)}.opencode-empty-state-btn:hover{background:var(--oc-primary-hover);transform:translateY(-1px);box-shadow:var(--oc-shadow-primary-hover)}.opencode-empty-state-btn:active{transform:translateY(0)}.opencode-iframe{width:100%;height:100%;border:none}

package/es/open-code-widget/src/components/Frame.vue.d.ts

@@ -0,0 +1,16 @@
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
+type __VLS_Slots = {} & {
+    'empty-state'?: (props: typeof __VLS_1) => any;
+} & {
+    loading?: (props: typeof __VLS_3) => any;
+} & {
+    content?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};