@djvlc/runtime-host-vue 1.0.3 → 1.0.4

package/dist/index.cjs

@@ -1,1082 +1 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var index_exports = {};
-__export(index_exports, {
-  DJVLC_CONFIG_KEY: () => DJVLC_CONFIG_KEY,
-  DJVPlugin: () => DJVPlugin,
-  DJVProvider: () => DJVProvider,
-  DJVRenderer: () => DJVRenderer,
-  RuntimeContextKey: () => RuntimeContextKey,
-  createVueRuntime: () => createVueRuntime,
-  injectRuntime: () => injectRuntime,
-  provideRuntime: () => provideRuntime,
-  useAction: () => useAction,
-  useComponentState: () => useComponentState,
-  useDJVRuntime: () => useDJVRuntime,
-  useData: () => useData,
-  useDebouncedAction: () => useDebouncedAction,
-  useGlobalConfig: () => useGlobalConfig,
-  useHostApi: () => useHostApi,
-  useLifecycle: () => useLifecycle,
-  usePageInfo: () => usePageInfo,
-  useQuery: () => useQuery,
-  useRuntimeEvent: () => useRuntimeEvent,
-  useRuntimeState: () => useRuntimeState,
-  useRuntimeStateWritable: () => useRuntimeStateWritable,
-  useWhen: () => useWhen
-});
-module.exports = __toCommonJS(index_exports);
-
-// src/vue-runtime.ts
-var import_vue = require("vue");
-var import_runtime_core = require("@djvlc/runtime-core");
-function createVueRuntime(options) {
-  const runtime = (0, import_vue.shallowRef)(null);
-  const loading = (0, import_vue.ref)(true);
-  const phase = (0, import_vue.ref)("idle");
-  const page = (0, import_vue.shallowRef)(null);
-  const error = (0, import_vue.shallowRef)(null);
-  const hostApi = (0, import_vue.shallowRef)(null);
-  const isReady = (0, import_vue.computed)(() => phase.value === "ready");
-  const hasError = (0, import_vue.computed)(() => phase.value === "error" || error.value !== null);
-  const metrics = (0, import_vue.shallowRef)({
-    initTime: 0,
-    loadTime: 0,
-    renderTime: 0,
-    totalTime: 0,
-    initTimestamp: null,
-    readyTimestamp: null
-  });
-  let startTime = 0;
-  let initStartTime = 0;
-  let loadStartTime = 0;
-  let renderStartTime = 0;
-  const init = async () => {
-    const container = options.containerRef?.value;
-    if (!container) {
-      throw new Error("Container element not found");
-    }
-    startTime = performance.now();
-    initStartTime = startTime;
-    if (options.enableMetrics) {
-      metrics.value = {
-        ...metrics.value,
-        initTimestamp: Date.now()
-      };
-    }
-    const runtimeInstance = (0, import_runtime_core.createRuntime)({
-      ...options,
-      container,
-      onError: (err) => {
-        error.value = err;
-        options.onError?.(err);
-      },
-      onEvent: (event) => {
-        options.onEvent?.(event);
-      }
-    });
-    runtime.value = runtimeInstance;
-    runtimeInstance.onStateChange((state) => {
-      phase.value = state.phase;
-      loading.value = state.phase !== "ready" && state.phase !== "error";
-      if (state.page) {
-        page.value = state.page;
-      }
-      if (state.error) {
-        error.value = state.error;
-      }
-    });
-    await runtimeInstance.init();
-    hostApi.value = runtimeInstance.getHostApi();
-    if (options.enableMetrics) {
-      metrics.value = {
-        ...metrics.value,
-        initTime: performance.now() - initStartTime
-      };
-    }
-  };
-  const load = async () => {
-    if (!runtime.value) {
-      throw new Error("Runtime not initialized");
-    }
-    loadStartTime = performance.now();
-    const result = await runtime.value.load();
-    page.value = result;
-    hostApi.value = runtime.value.getHostApi();
-    if (options.enableMetrics) {
-      metrics.value = {
-        ...metrics.value,
-        loadTime: performance.now() - loadStartTime
-      };
-    }
-    return result;
-  };
-  const render = async () => {
-    if (!runtime.value) {
-      throw new Error("Runtime not initialized");
-    }
-    renderStartTime = performance.now();
-    await runtime.value.render();
-    loading.value = false;
-    if (options.enableMetrics) {
-      const now = performance.now();
-      metrics.value = {
-        ...metrics.value,
-        renderTime: now - renderStartTime,
-        totalTime: now - startTime,
-        readyTimestamp: Date.now()
-      };
-    }
-  };
-  const destroy = () => {
-    runtime.value?.destroy();
-    runtime.value = null;
-    hostApi.value = null;
-    page.value = null;
-    error.value = null;
-    phase.value = "idle";
-    loading.value = true;
-  };
-  const reload = async () => {
-    if (!runtime.value) {
-      throw new Error("Runtime not initialized");
-    }
-    error.value = null;
-    loading.value = true;
-    await load();
-    await render();
-  };
-  const setVariable = (key, value) => {
-    runtime.value?.setVariable(key, value);
-  };
-  const setVariables = (variables) => {
-    if (!runtime.value) return;
-    Object.entries(variables).forEach(([key, value]) => {
-      runtime.value?.setVariable(key, value);
-    });
-  };
-  const getVariable = (key) => {
-    return runtime.value?.getState().variables[key];
-  };
-  const refreshData = async (queryId) => {
-    await runtime.value?.refreshData(queryId);
-  };
-  const executeAction = async (actionType, params) => {
-    const api = hostApi.value;
-    if (!api) {
-      throw new Error("HostAPI not available");
-    }
-    const response = await api.executeAction(actionType, params || {});
-    if (response.success) {
-      return response.data;
-    }
-    throw new Error(response.errorMessage || "Action failed");
-  };
-  return {
-    runtime,
-    loading: (0, import_vue.readonly)(loading),
-    phase: (0, import_vue.readonly)(phase),
-    page,
-    error,
-    hostApi,
-    isReady,
-    hasError,
-    metrics,
-    init,
-    load,
-    render,
-    destroy,
-    reload,
-    setVariable,
-    setVariables,
-    getVariable,
-    refreshData,
-    executeAction
-  };
-}
-
-// src/components/DJVRenderer.ts
-var import_vue3 = require("vue");
-
-// src/composables/useRuntime.ts
-var import_vue2 = require("vue");
-var RuntimeContextKey = /* @__PURE__ */ Symbol("DJVRuntime");
-function provideRuntime(value) {
-  (0, import_vue2.provide)(RuntimeContextKey, value);
-}
-function injectRuntime() {
-  const context = (0, import_vue2.inject)(RuntimeContextKey);
-  if (!context) {
-    throw new Error("useDJVRuntime must be used within a DJVProvider");
-  }
-  return context;
-}
-function useDJVRuntime() {
-  const context = injectRuntime();
-  const loading = (0, import_vue2.computed)(() => {
-    const phase = context.value.state.phase;
-    return phase !== "ready" && phase !== "error";
-  });
-  const isReady = (0, import_vue2.computed)(() => context.value.state.phase === "ready");
-  const hasError = (0, import_vue2.computed)(() => context.value.state.phase === "error" || context.value.state.error !== null);
-  const reload = async () => {
-    const runtime = context.value.runtime;
-    if (!runtime) {
-      throw new Error("Runtime not available");
-    }
-    await runtime.load();
-    await runtime.render();
-  };
-  return {
-    runtime: (0, import_vue2.computed)(() => context.value.runtime),
-    state: (0, import_vue2.computed)(() => context.value.state),
-    loading,
-    phase: (0, import_vue2.computed)(() => context.value.state.phase),
-    error: (0, import_vue2.computed)(() => context.value.state.error),
-    page: (0, import_vue2.computed)(() => context.value.state.page),
-    isReady,
-    hasError,
-    reload
-  };
-}
-function useHostApi() {
-  const context = injectRuntime();
-  const hostApi = context.value.hostApi;
-  if (!hostApi) {
-    throw new Error("HostAPI not available. Make sure runtime is initialized.");
-  }
-  return hostApi;
-}
-function useRuntimeState(key) {
-  const context = injectRuntime();
-  return (0, import_vue2.computed)(() => {
-    return context.value.state.variables[key];
-  });
-}
-function useRuntimeStateWritable(key, defaultValue) {
-  const context = injectRuntime();
-  const value = (0, import_vue2.computed)(() => {
-    return context.value.state.variables[key] ?? defaultValue;
-  });
-  const setValue = (newValue) => {
-    context.value.runtime?.setVariable(key, newValue);
-  };
-  return [value, setValue];
-}
-function useQuery(queryId, options) {
-  const context = injectRuntime();
-  const loading = (0, import_vue2.ref)(false);
-  const error = (0, import_vue2.ref)(null);
-  const lastUpdated = (0, import_vue2.ref)(null);
-  let intervalTimer = null;
-  const data = (0, import_vue2.computed)(() => {
-    return context.value.state.queries[queryId];
-  });
-  const refetch = async () => {
-    loading.value = true;
-    error.value = null;
-    try {
-      await context.value.runtime?.refreshData(queryId);
-      lastUpdated.value = Date.now();
-    } catch (e) {
-      error.value = e;
-    } finally {
-      loading.value = false;
-    }
-  };
-  (0, import_vue2.onMounted)(() => {
-    if (options?.refreshOnMount && context.value.runtime) {
-      refetch();
-    }
-    if (options?.refreshInterval && options.refreshInterval > 0) {
-      intervalTimer = setInterval(refetch, options.refreshInterval);
-    }
-    if (options?.refreshOnFocus) {
-      window.addEventListener("focus", refetch);
-    }
-  });
-  (0, import_vue2.onUnmounted)(() => {
-    if (intervalTimer) {
-      clearInterval(intervalTimer);
-    }
-    if (options?.refreshOnFocus) {
-      window.removeEventListener("focus", refetch);
-    }
-  });
-  return {
-    data,
-    loading,
-    error,
-    refetch,
-    lastUpdated
-  };
-}
-function useAction(actionType, options) {
-  const context = injectRuntime();
-  const loading = (0, import_vue2.ref)(false);
-  const result = (0, import_vue2.shallowRef)();
-  const error = (0, import_vue2.ref)(null);
-  const executionCount = (0, import_vue2.ref)(0);
-  const reset = () => {
-    result.value = void 0;
-    error.value = null;
-    executionCount.value = 0;
-  };
-  const executeWithRetry = async (params, retriesLeft) => {
-    const hostApi = context.value.hostApi;
-    if (!hostApi) {
-      throw new Error("HostAPI not available");
-    }
-    try {
-      const response = await hostApi.executeAction(actionType, params);
-      if (response.success) {
-        return response.data;
-      } else {
-        throw new Error(response.errorMessage || "Action failed");
-      }
-    } catch (e) {
-      if (retriesLeft > 0) {
-        await new Promise((resolve) => setTimeout(resolve, options?.retryDelay || 1e3));
-        return executeWithRetry(params, retriesLeft - 1);
-      }
-      throw e;
-    }
-  };
-  const execute = async (params) => {
-    loading.value = true;
-    error.value = null;
-    executionCount.value++;
-    try {
-      const data = await executeWithRetry(params, options?.retryCount || 0);
-      result.value = data;
-      options?.onSuccess?.(data);
-      return data;
-    } catch (e) {
-      const err = e;
-      error.value = err;
-      options?.onError?.(err);
-      throw e;
-    } finally {
-      loading.value = false;
-    }
-  };
-  return {
-    execute,
-    loading,
-    result,
-    error,
-    reset,
-    executionCount
-  };
-}
-function useData(queryId, params, options) {
-  const context = injectRuntime();
-  const data = (0, import_vue2.shallowRef)();
-  const loading = (0, import_vue2.ref)(false);
-  const error = (0, import_vue2.ref)(null);
-  const isFetched = (0, import_vue2.ref)(false);
-  let intervalTimer = null;
-  const getCurrentParams = () => {
-    if (!params) return void 0;
-    if (typeof params === "object" && "value" in params) {
-      return params.value;
-    }
-    return params;
-  };
-  const refetch = async (newParams) => {
-    const hostApi = context.value.hostApi;
-    if (!hostApi) {
-      throw new Error("HostAPI not available");
-    }
-    loading.value = true;
-    error.value = null;
-    try {
-      const result = await hostApi.requestData(
-        queryId,
-        newParams || getCurrentParams()
-      );
-      data.value = result;
-      isFetched.value = true;
-      options?.onSuccess?.(result);
-    } catch (e) {
-      const err = e;
-      error.value = err;
-      options?.onError?.(err);
-    } finally {
-      loading.value = false;
-    }
-  };
-  if (params && typeof params === "object" && "value" in params && options?.refreshOnParamsChange !== false) {
-    (0, import_vue2.watch)(params, () => {
-      if (isFetched.value) {
-        refetch();
-      }
-    }, { deep: true });
-  }
-  (0, import_vue2.onMounted)(() => {
-    if (options?.immediate !== false && context.value.hostApi) {
-      refetch();
-    }
-    if (options?.refreshInterval && options.refreshInterval > 0) {
-      intervalTimer = setInterval(refetch, options.refreshInterval);
-    }
-  });
-  (0, import_vue2.onUnmounted)(() => {
-    if (intervalTimer) {
-      clearInterval(intervalTimer);
-    }
-  });
-  return {
-    data,
-    loading,
-    error,
-    refetch,
-    isFetched
-  };
-}
-function useRuntimeEvent(eventType, handler) {
-  const context = injectRuntime();
-  const unsubscribe = context.value.runtime?.on(eventType, (event) => {
-    handler(event.data);
-  });
-  (0, import_vue2.onUnmounted)(() => {
-    unsubscribe?.();
-  });
-}
-function usePageInfo() {
-  const context = injectRuntime();
-  return {
-    /** 页面 UID */
-    pageUid: (0, import_vue2.computed)(() => context.value.state.page?.pageUid),
-    /** 页面版本 ID */
-    pageVersionId: (0, import_vue2.computed)(() => context.value.state.page?.pageVersionId),
-    /** Schema 版本 */
-    schemaVersion: (0, import_vue2.computed)(() => context.value.state.page?.pageJson?.schemaVersion),
-    /** 页面标题 */
-    title: (0, import_vue2.computed)(() => {
-      const page = context.value.state.page;
-      return page?.title;
-    }),
-    /** 页面配置 */
-    config: (0, import_vue2.computed)(() => {
-      const page = context.value.state.page;
-      return page?.config;
-    }),
-    /** 页面是否已加载 */
-    isLoaded: (0, import_vue2.computed)(() => context.value.state.page !== null)
-  };
-}
-function useComponentState(componentId) {
-  const context = injectRuntime();
-  const componentStatus = (0, import_vue2.computed)(() => {
-    return context.value.state.components.get(componentId);
-  });
-  return {
-    /** 组件是否已加载 */
-    isLoaded: (0, import_vue2.computed)(() => componentStatus.value?.status === "loaded"),
-    /** 组件是否加载中 */
-    isLoading: (0, import_vue2.computed)(() => componentStatus.value?.status === "loading"),
-    /** 组件是否加载失败 */
-    hasError: (0, import_vue2.computed)(() => componentStatus.value?.status === "failed"),
-    /** 加载耗时 */
-    loadTime: (0, import_vue2.computed)(() => componentStatus.value?.loadTime),
-    /** 组件信息 */
-    info: componentStatus
-  };
-}
-function useLifecycle(options) {
-  const context = injectRuntime();
-  const hasMounted = (0, import_vue2.ref)(false);
-  const hasReady = (0, import_vue2.ref)(false);
-  (0, import_vue2.watch)(
-    () => context.value.state.phase,
-    async (newPhase, oldPhase) => {
-      options?.onPhaseChange?.(newPhase);
-      if (!hasMounted.value && newPhase !== "idle") {
-        hasMounted.value = true;
-        try {
-          await options?.onMounted?.();
-        } catch (error) {
-          options?.onError?.(error);
-        }
-      }
-      if (!hasReady.value && newPhase === "ready") {
-        hasReady.value = true;
-        try {
-          await options?.onReady?.();
-        } catch (error) {
-          options?.onError?.(error);
-        }
-      }
-      if (newPhase === "error" && oldPhase !== "error") {
-        options?.onError?.(context.value.state.error);
-      }
-    },
-    { immediate: true }
-  );
-  return {
-    /** 当前阶段 */
-    phase: (0, import_vue2.computed)(() => context.value.state.phase),
-    /** 是否已 mounted */
-    hasMounted: (0, import_vue2.readonly)(hasMounted),
-    /** 是否已 ready */
-    hasReady: (0, import_vue2.readonly)(hasReady)
-  };
-}
-function useWhen(condition, callback, options) {
-  const executed = (0, import_vue2.ref)(false);
-  const { once = true, immediate = true } = options || {};
-  const stop = (0, import_vue2.watch)(
-    condition,
-    async (value) => {
-      if (value && (!once || !executed.value)) {
-        executed.value = true;
-        await callback();
-        if (once) {
-          stop();
-        }
-      }
-    },
-    { immediate }
-  );
-  (0, import_vue2.onUnmounted)(() => {
-    stop();
-  });
-  return {
-    /** 是否已执行 */
-    executed: (0, import_vue2.readonly)(executed),
-    /** 手动停止监听 */
-    stop
-  };
-}
-function useDebouncedAction(actionType, delay = 300) {
-  const { execute: rawExecute, loading, result, error } = useAction(actionType);
-  let timeoutId = null;
-  const execute = (params) => {
-    if (timeoutId) {
-      clearTimeout(timeoutId);
-    }
-    timeoutId = setTimeout(() => {
-      rawExecute(params).catch(() => {
-      });
-    }, delay);
-  };
-  const cancel = () => {
-    if (timeoutId) {
-      clearTimeout(timeoutId);
-      timeoutId = null;
-    }
-  };
-  (0, import_vue2.onUnmounted)(() => {
-    cancel();
-  });
-  return {
-    execute,
-    loading,
-    result,
-    error,
-    cancel
-  };
-}
-function useGlobalConfig() {
-  const config = (0, import_vue2.inject)("djvlc-config", {});
-  return config;
-}
-
-// src/components/DJVRenderer.ts
-var DJVRenderer = (0, import_vue3.defineComponent)({
-  name: "DJVRenderer",
-  props: {
-    pageUid: {
-      type: String,
-      required: true
-    },
-    apiBaseUrl: {
-      type: String,
-      required: true
-    },
-    cdnBaseUrl: {
-      type: String,
-      required: true
-    },
-    channel: {
-      type: String,
-      default: "prod"
-    },
-    userId: String,
-    deviceId: String,
-    authToken: String,
-    previewToken: String,
-    debug: {
-      type: Boolean,
-      default: false
-    },
-    enableSRI: {
-      type: Boolean,
-      default: true
-    },
-    retryCount: {
-      type: Number,
-      default: 3
-    },
-    retryDelay: {
-      type: Number,
-      default: 1e3
-    },
-    timeout: {
-      type: Number,
-      default: 3e4
-    }
-  },
-  emits: ["load", "error", "ready", "phase-change"],
-  setup(props, { emit, slots }) {
-    const containerRef = (0, import_vue3.ref)(null);
-    const mounted = (0, import_vue3.ref)(true);
-    const retryAttempt = (0, import_vue3.ref)(0);
-    const phase = (0, import_vue3.ref)("idle");
-    const contextValue = (0, import_vue3.shallowRef)({
-      runtime: null,
-      state: {
-        phase: "idle",
-        page: null,
-        variables: {},
-        queries: {},
-        components: /* @__PURE__ */ new Map(),
-        error: null,
-        destroyed: false
-      },
-      hostApi: null
-    });
-    provideRuntime(contextValue);
-    let vueRuntime = null;
-    const withTimeout = (promise, ms) => {
-      return Promise.race([
-        promise,
-        new Promise(
-          (_, reject) => setTimeout(() => reject(new Error("\u52A0\u8F7D\u8D85\u65F6")), ms)
-        )
-      ]);
-    };
-    const initWithRetry = async () => {
-      if (!containerRef.value || !mounted.value) return;
-      const options = {
-        pageUid: props.pageUid,
-        apiBaseUrl: props.apiBaseUrl,
-        cdnBaseUrl: props.cdnBaseUrl,
-        channel: props.channel,
-        userId: props.userId,
-        deviceId: props.deviceId,
-        authToken: props.authToken,
-        previewToken: props.previewToken,
-        debug: props.debug,
-        enableSRI: props.enableSRI,
-        containerRef,
-        onError: (error) => {
-          emit("error", error);
-        }
-      };
-      vueRuntime = createVueRuntime(options);
-      try {
-        await withTimeout(
-          (async () => {
-            await vueRuntime.init();
-            if (!mounted.value) return;
-            phase.value = "loading";
-            emit("phase-change", "loading");
-            contextValue.value = {
-              runtime: vueRuntime.runtime.value,
-              state: vueRuntime.runtime.value?.getState() || contextValue.value.state,
-              hostApi: vueRuntime.hostApi.value
-            };
-            const pageData = await vueRuntime.load();
-            if (!mounted.value) return;
-            emit("load", pageData);
-            contextValue.value = {
-              ...contextValue.value,
-              state: vueRuntime.runtime.value?.getState() || contextValue.value.state,
-              hostApi: vueRuntime.hostApi.value
-            };
-            await vueRuntime.render();
-            if (!mounted.value) return;
-            phase.value = "ready";
-            emit("phase-change", "ready");
-            emit("ready");
-            retryAttempt.value = 0;
-            vueRuntime.runtime.value?.onStateChange((state) => {
-              if (!mounted.value) return;
-              contextValue.value = {
-                ...contextValue.value,
-                state
-              };
-              phase.value = state.phase;
-              emit("phase-change", state.phase);
-            });
-          })(),
-          props.timeout
-        );
-      } catch (error) {
-        if (!mounted.value) return;
-        if (retryAttempt.value < props.retryCount) {
-          retryAttempt.value++;
-          if (props.debug) {
-            console.log(`[DJVRenderer] \u91CD\u8BD5 ${retryAttempt.value}/${props.retryCount}...`);
-          }
-          setTimeout(() => {
-            if (mounted.value) {
-              initWithRetry();
-            }
-          }, props.retryDelay);
-        } else {
-          phase.value = "error";
-          emit("phase-change", "error");
-          emit("error", error);
-        }
-      }
-    };
-    const handleRetry = () => {
-      retryAttempt.value = 0;
-      initWithRetry();
-    };
-    (0, import_vue3.onMounted)(() => {
-      mounted.value = true;
-      initWithRetry();
-    });
-    (0, import_vue3.onUnmounted)(() => {
-      mounted.value = false;
-      vueRuntime?.destroy();
-    });
-    (0, import_vue3.watch)(
-      () => props.pageUid,
-      () => {
-        vueRuntime?.destroy();
-        retryAttempt.value = 0;
-        initWithRetry();
-      }
-    );
-    const renderDefaultLoading = () => {
-      return (0, import_vue3.h)("div", { class: "djvlc-loading" }, [
-        (0, import_vue3.h)("div", { class: "djvlc-loading-spinner" }),
-        (0, import_vue3.h)("span", {}, "\u52A0\u8F7D\u4E2D..."),
-        retryAttempt.value > 0 && (0, import_vue3.h)("span", { class: "djvlc-loading-retry" }, `\u91CD\u8BD5 ${retryAttempt.value}/${props.retryCount}`)
-      ]);
-    };
-    const renderDefaultError = (error) => {
-      return (0, import_vue3.h)("div", { class: "djvlc-error" }, [
-        (0, import_vue3.h)("div", { class: "djvlc-error-icon" }, "\u26A0\uFE0F"),
-        (0, import_vue3.h)("span", { class: "djvlc-error-message" }, `\u52A0\u8F7D\u5931\u8D25\uFF1A${error.message}`),
-        (0, import_vue3.h)(
-          "button",
-          {
-            class: "djvlc-error-retry-btn",
-            onClick: handleRetry,
-            type: "button"
-          },
-          "\u91CD\u8BD5"
-        )
-      ]);
-    };
-    const renderDefaultEmpty = () => {
-      return (0, import_vue3.h)("div", { class: "djvlc-empty" }, [(0, import_vue3.h)("span", {}, "\u6682\u65E0\u5185\u5BB9")]);
-    };
-    return () => {
-      const isLoading = vueRuntime?.loading.value ?? false;
-      const currentError = vueRuntime?.error.value;
-      const currentPage = vueRuntime?.page.value;
-      return (0, import_vue3.h)(
-        "div",
-        {
-          ref: containerRef,
-          class: "djvlc-renderer",
-          "data-phase": phase.value,
-          "data-page-uid": props.pageUid
-        },
-        [
-          // 加载中插槽
-          isLoading && (slots.loading?.() || renderDefaultLoading()),
-          // 错误插槽
-          currentError && (slots.error?.({ error: currentError, retry: handleRetry }) || renderDefaultError(currentError)),
-          // 空状态
-          !isLoading && !currentError && !currentPage && phase.value === "ready" && (slots.empty?.() || renderDefaultEmpty()),
-          // 默认插槽（额外内容）
-          slots.default?.()
-        ]
-      );
-    };
-  }
-});
-
-// src/components/DJVProvider.ts
-var import_vue4 = require("vue");
-var defaultState = {
-  phase: "idle",
-  page: null,
-  variables: {},
-  queries: {},
-  components: /* @__PURE__ */ new Map(),
-  error: null,
-  destroyed: false
-};
-var DJVProvider = (0, import_vue4.defineComponent)({
-  name: "DJVProvider",
-  props: {
-    runtime: {
-      type: Object,
-      default: null
-    },
-    hostApi: {
-      type: Object,
-      default: null
-    },
-    class: {
-      type: String,
-      default: ""
-    },
-    debug: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: ["state-change", "phase-change", "error"],
-  setup(props, { slots, emit }) {
-    let unsubscribe = null;
-    const contextValue = (0, import_vue4.shallowRef)({
-      runtime: props.runtime,
-      state: props.runtime?.getState() || defaultState,
-      hostApi: props.hostApi
-    });
-    provideRuntime(contextValue);
-    const subscribeToRuntime = (runtime) => {
-      if (unsubscribe) {
-        unsubscribe();
-        unsubscribe = null;
-      }
-      if (!runtime) return;
-      unsubscribe = runtime.onStateChange((state) => {
-        const prevPhase = contextValue.value.state.phase;
-        contextValue.value = {
-          ...contextValue.value,
-          state
-        };
-        emit("state-change", state);
-        if (state.phase !== prevPhase) {
-          emit("phase-change", state.phase);
-          if (props.debug) {
-            console.log(`[DJVProvider] Phase changed: ${prevPhase} -> ${state.phase}`);
-          }
-        }
-        if (state.error) {
-          emit("error", state.error);
-        }
-      });
-    };
-    subscribeToRuntime(props.runtime);
-    (0, import_vue4.watch)(
-      () => props.runtime,
-      (newRuntime, oldRuntime) => {
-        if (newRuntime !== oldRuntime) {
-          contextValue.value = {
-            runtime: newRuntime,
-            state: newRuntime?.getState() || defaultState,
-            hostApi: props.hostApi
-          };
-          subscribeToRuntime(newRuntime);
-        }
-      }
-    );
-    (0, import_vue4.watch)(
-      () => props.hostApi,
-      (newHostApi) => {
-        contextValue.value = {
-          ...contextValue.value,
-          hostApi: newHostApi
-        };
-      }
-    );
-    (0, import_vue4.onUnmounted)(() => {
-      if (unsubscribe) {
-        unsubscribe();
-        unsubscribe = null;
-      }
-    });
-    return () => (0, import_vue4.h)(
-      "div",
-      {
-        class: ["djvlc-provider", props.class].filter(Boolean).join(" "),
-        "data-phase": contextValue.value.state.phase
-      },
-      slots.default?.()
-    );
-  }
-});
-
-// src/plugin.ts
-var DJVLC_CONFIG_KEY = "djvlc-config";
-function createTrackDirective() {
-  const observedElements = /* @__PURE__ */ new WeakSet();
-  return {
-    mounted(el, binding) {
-      const { event, data = {}, trigger = "click" } = binding.value;
-      if (trigger === "click") {
-        el.addEventListener("click", () => {
-          dispatchTrackEvent(event, { ...data, element: el.tagName });
-        });
-      } else if (trigger === "view") {
-        if (!observedElements.has(el)) {
-          observedElements.add(el);
-          const observer = new IntersectionObserver(
-            (entries) => {
-              entries.forEach((entry) => {
-                if (entry.isIntersecting) {
-                  dispatchTrackEvent(event, { ...data, element: el.tagName });
-                  observer.unobserve(el);
-                }
-              });
-            },
-            { threshold: 0.5 }
-          );
-          observer.observe(el);
-        }
-      } else if (trigger === "mounted") {
-        dispatchTrackEvent(event, { ...data, element: el.tagName });
-      }
-    }
-  };
-}
-function dispatchTrackEvent(event, data) {
-  window.dispatchEvent(
-    new CustomEvent("djvlc:track", {
-      detail: { event, data, timestamp: Date.now() }
-    })
-  );
-}
-function createVisibleDirective() {
-  return {
-    mounted(el, binding) {
-      updateVisibility(el, binding.value);
-    },
-    updated(el, binding) {
-      updateVisibility(el, binding.value);
-    }
-  };
-}
-function updateVisibility(el, visible) {
-  el.style.display = visible ? "" : "none";
-}
-function createLoadingDirective() {
-  const loadingOverlays = /* @__PURE__ */ new WeakMap();
-  return {
-    mounted(el, binding) {
-      el.style.position = "relative";
-      updateLoading(el, binding.value, loadingOverlays);
-    },
-    updated(el, binding) {
-      updateLoading(el, binding.value, loadingOverlays);
-    },
-    unmounted(el) {
-      const overlay = loadingOverlays.get(el);
-      if (overlay) {
-        overlay.remove();
-        loadingOverlays.delete(el);
-      }
-    }
-  };
-}
-function updateLoading(el, loading, overlays) {
-  let overlay = overlays.get(el);
-  if (loading) {
-    if (!overlay) {
-      overlay = document.createElement("div");
-      overlay.className = "djvlc-loading-overlay";
-      overlay.innerHTML = `
-        <div class="djvlc-loading-spinner"></div>
-      `;
-      overlay.style.cssText = `
-        position: absolute;
-        inset: 0;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        background: rgba(255, 255, 255, 0.8);
-        z-index: 100;
-      `;
-      el.appendChild(overlay);
-      overlays.set(el, overlay);
-    }
-    overlay.style.display = "flex";
-  } else if (overlay) {
-    overlay.style.display = "none";
-  }
-}
-var DJVPlugin = {
-  install(app, options = {}) {
-    const prefix = options.componentPrefix || "";
-    if (options.registerComponents !== false) {
-      app.component(`${prefix}DJVRenderer`, DJVRenderer);
-      app.component(`${prefix}DJVProvider`, DJVProvider);
-    }
-    if (options.registerDirectives !== false) {
-      app.directive("djv-track", createTrackDirective());
-      app.directive("djv-visible", createVisibleDirective());
-      app.directive("djv-loading", createLoadingDirective());
-    }
-    const globalConfig = {
-      apiBaseUrl: options.apiBaseUrl,
-      cdnBaseUrl: options.cdnBaseUrl,
-      channel: options.channel,
-      debug: options.debug,
-      enableSRI: options.enableSRI,
-      enableMetrics: options.enableMetrics,
-      retryCount: options.retryCount,
-      retryDelay: options.retryDelay,
-      timeout: options.timeout
-    };
-    app.provide(DJVLC_CONFIG_KEY, globalConfig);
-    app.config.globalProperties.$djvlc = {
-      config: globalConfig,
-      track: dispatchTrackEvent
-    };
-  }
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  DJVLC_CONFIG_KEY,
-  DJVPlugin,
-  DJVProvider,
-  DJVRenderer,
-  RuntimeContextKey,
-  createVueRuntime,
-  injectRuntime,
-  provideRuntime,
-  useAction,
-  useComponentState,
-  useDJVRuntime,
-  useData,
-  useDebouncedAction,
-  useGlobalConfig,
-  useHostApi,
-  useLifecycle,
-  usePageInfo,
-  useQuery,
-  useRuntimeEvent,
-  useRuntimeState,
-  useRuntimeStateWritable,
-  useWhen
-});
+"use strict";var e=require("vue"),t=require("@djvlc/runtime-core");function r(r){const n=e.shallowRef(null),a=e.ref(!0),o=e.ref("idle"),i=e.shallowRef(null),s=e.shallowRef(null),l=e.shallowRef(null),c=e.computed(()=>"ready"===o.value),u=e.computed(()=>"error"===o.value||null!==s.value),d=e.shallowRef({initTime:0,loadTime:0,renderTime:0,totalTime:0,initTimestamp:null,readyTimestamp:null});let p=0,m=0,f=0,y=0;const h=async()=>{if(!n.value)throw new Error("Runtime not initialized");f=performance.now();const e=await n.value.load();return i.value=e,l.value=n.value.getHostApi(),r.enableMetrics&&(d.value={...d.value,loadTime:performance.now()-f}),e},v=async()=>{if(!n.value)throw new Error("Runtime not initialized");if(y=performance.now(),await n.value.render(),a.value=!1,r.enableMetrics){const e=performance.now();d.value={...d.value,renderTime:e-y,totalTime:e-p,readyTimestamp:Date.now()}}};return{runtime:n,loading:e.readonly(a),phase:e.readonly(o),page:i,error:s,hostApi:l,isReady:c,hasError:u,metrics:d,init:async()=>{const e=r.containerRef?.value;if(!e)throw new Error("Container element not found");p=performance.now(),m=p,r.enableMetrics&&(d.value={...d.value,initTimestamp:Date.now()});const c=t.createRuntime({...r,container:e,onError:e=>{s.value=e,r.onError?.(e)},onEvent:e=>{r.onEvent?.(e)}});n.value=c,c.onStateChange(e=>{o.value=e.phase,a.value="ready"!==e.phase&&"error"!==e.phase,e.page&&(i.value=e.page),e.error&&(s.value=e.error)}),await c.init(),l.value=c.getHostApi(),r.enableMetrics&&(d.value={...d.value,initTime:performance.now()-m})},load:h,render:v,destroy:()=>{n.value?.destroy(),n.value=null,l.value=null,i.value=null,s.value=null,o.value="idle",a.value=!0},reload:async()=>{if(!n.value)throw new Error("Runtime not initialized");s.value=null,a.value=!0,await h(),await v()},setVariable:(e,t)=>{n.value?.setVariable(e,t)},setVariables:e=>{n.value&&Object.entries(e).forEach(([e,t])=>{n.value?.setVariable(e,t)})},getVariable:e=>n.value?.getState().variables[e],refreshData:async e=>{await(n.value?.refreshData(e))},executeAction:async(e,t)=>{const r=l.value;if(!r)throw new Error("HostAPI not available");const n=await r.executeAction(e,t||{});if(n.success)return n.data;throw new Error(n.errorMessage||"Action failed")}}}var n=Symbol("DJVRuntime");function a(t){e.provide(n,t)}function o(){const t=e.inject(n);if(!t)throw new Error("useDJVRuntime must be used within a DJVProvider");return t}function i(t,r){const n=o(),a=e.ref(!1),i=e.shallowRef(),s=e.ref(null),l=e.ref(0),c=async(e,a)=>{const o=n.value.hostApi;if(!o)throw new Error("HostAPI not available");try{const r=await o.executeAction(t,e);if(r.success)return r.data;throw new Error(r.errorMessage||"Action failed")}catch(t){if(a>0)return await new Promise(e=>setTimeout(e,r?.retryDelay||1e3)),c(e,a-1);throw t}};return{execute:async e=>{a.value=!0,s.value=null,l.value++;try{const t=await c(e,r?.retryCount||0);return i.value=t,r?.onSuccess?.(t),t}catch(e){const t=e;throw s.value=t,r?.onError?.(t),e}finally{a.value=!1}},loading:a,result:i,error:s,reset:()=>{i.value=void 0,s.value=null,l.value=0},executionCount:l}}var s=e.defineComponent({name:"DJVRenderer",props:{pageUid:{type:String,required:!0},apiBaseUrl:{type:String,required:!0},cdnBaseUrl:{type:String,required:!0},channel:{type:String,default:"prod"},userId:String,deviceId:String,authToken:String,previewToken:String,debug:{type:Boolean,default:!1},enableSRI:{type:Boolean,default:!0},retryCount:{type:Number,default:3},retryDelay:{type:Number,default:1e3},timeout:{type:Number,default:3e4}},emits:["load","error","ready","phase-change"],setup(t,{emit:n,slots:o}){const i=e.ref(null),s=e.ref(!0),l=e.ref(0),c=e.ref("idle"),u=e.shallowRef({runtime:null,state:{phase:"idle",page:null,variables:{},queries:{},components:new Map,error:null,destroyed:!1},hostApi:null});a(u);let d=null;const p=async()=>{if(!i.value||!s.value)return;const e={pageUid:t.pageUid,apiBaseUrl:t.apiBaseUrl,cdnBaseUrl:t.cdnBaseUrl,channel:t.channel,userId:t.userId,deviceId:t.deviceId,authToken:t.authToken,previewToken:t.previewToken,debug:t.debug,enableSRI:t.enableSRI,containerRef:i,onError:e=>{n("error",e)}};d=r(e);try{await(a=(async()=>{if(await d.init(),!s.value)return;c.value="loading",n("phase-change","loading"),u.value={runtime:d.runtime.value,state:d.runtime.value?.getState()||u.value.state,hostApi:d.hostApi.value};const e=await d.load();s.value&&(n("load",e),u.value={...u.value,state:d.runtime.value?.getState()||u.value.state,hostApi:d.hostApi.value},await d.render(),s.value&&(c.value="ready",n("phase-change","ready"),n("ready"),l.value=0,d.runtime.value?.onStateChange(e=>{s.value&&(u.value={...u.value,state:e},c.value=e.phase,n("phase-change",e.phase))})))})(),o=t.timeout,Promise.race([a,new Promise((e,t)=>setTimeout(()=>t(new Error("加载超时")),o))]))}catch(e){if(!s.value)return;l.value<t.retryCount?(l.value++,t.debug,setTimeout(()=>{s.value&&p()},t.retryDelay)):(c.value="error",n("phase-change","error"),n("error",e))}var a,o},m=()=>{l.value=0,p()};return e.onMounted(()=>{s.value=!0,p()}),e.onUnmounted(()=>{s.value=!1,d?.destroy()}),e.watch(()=>t.pageUid,()=>{d?.destroy(),l.value=0,p()}),()=>{const r=d?.loading.value??!1,n=d?.error.value,a=d?.page.value;return e.h("div",{ref:i,class:"djvlc-renderer","data-phase":c.value,"data-page-uid":t.pageUid},[r&&(o.loading?.()||e.h("div",{class:"djvlc-loading"},[e.h("div",{class:"djvlc-loading-spinner"}),e.h("span",{},"加载中..."),l.value>0&&e.h("span",{class:"djvlc-loading-retry"},`重试 ${l.value}/${t.retryCount}`)])),n&&(o.error?.({error:n,retry:m})||(s=n,e.h("div",{class:"djvlc-error"},[e.h("div",{class:"djvlc-error-icon"},"⚠️"),e.h("span",{class:"djvlc-error-message"},`加载失败：${s.message}`),e.h("button",{class:"djvlc-error-retry-btn",onClick:m,type:"button"},"重试")]))),!r&&!n&&!a&&"ready"===c.value&&(o.empty?.()||e.h("div",{class:"djvlc-empty"},[e.h("span",{},"暂无内容")])),o.default?.()]);var s}}}),l={phase:"idle",page:null,variables:{},queries:{},components:new Map,error:null,destroyed:!1},c=e.defineComponent({name:"DJVProvider",props:{runtime:{type:Object,default:null},hostApi:{type:Object,default:null},class:{type:String,default:""},debug:{type:Boolean,default:!1}},emits:["state-change","phase-change","error"],setup(t,{slots:r,emit:n}){let o=null;const i=e.shallowRef({runtime:t.runtime,state:t.runtime?.getState()||l,hostApi:t.hostApi});a(i);const s=e=>{o&&(o(),o=null),e&&(o=e.onStateChange(e=>{const r=i.value.state.phase;i.value={...i.value,state:e},n("state-change",e),e.phase!==r&&(n("phase-change",e.phase),t.debug),e.error&&n("error",e.error)}))};return s(t.runtime),e.watch(()=>t.runtime,(e,r)=>{e!==r&&(i.value={runtime:e,state:e?.getState()||l,hostApi:t.hostApi},s(e))}),e.watch(()=>t.hostApi,e=>{i.value={...i.value,hostApi:e}}),e.onUnmounted(()=>{o&&(o(),o=null)}),()=>e.h("div",{class:["djvlc-provider",t.class].filter(Boolean).join(" "),"data-phase":i.value.state.phase},r.default?.())}}),u="djvlc-config";function d(e,t){window.dispatchEvent(new CustomEvent("djvlc:track",{detail:{event:e,data:t,timestamp:Date.now()}}))}function p(e,t){e.style.display=t?"":"none"}function m(e,t,r){let n=r.get(e);t?(n||(n=document.createElement("div"),n.className="djvlc-loading-overlay",n.innerHTML='\n        <div class="djvlc-loading-spinner"></div>\n      ',n.style.cssText="\n        position: absolute;\n        inset: 0;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        background: rgba(255, 255, 255, 0.8);\n        z-index: 100;\n      ",e.appendChild(n),r.set(e,n)),n.style.display="flex"):n&&(n.style.display="none")}var f={install(e,t={}){const r=t.componentPrefix||"";!1!==t.registerComponents&&(e.component(`${r}DJVRenderer`,s),e.component(`${r}DJVProvider`,c)),!1!==t.registerDirectives&&(e.directive("djv-track",function(){const e=new WeakSet;return{mounted(t,r){const{event:n,data:a={},trigger:o="click"}=r.value;if("click"===o)t.addEventListener("click",()=>{d(n,{...a,element:t.tagName})});else if("view"===o){if(!e.has(t)){e.add(t);const r=new IntersectionObserver(e=>{e.forEach(e=>{e.isIntersecting&&(d(n,{...a,element:t.tagName}),r.unobserve(t))})},{threshold:.5});r.observe(t)}}else"mounted"===o&&d(n,{...a,element:t.tagName})}}}()),e.directive("djv-visible",{mounted(e,t){p(e,t.value)},updated(e,t){p(e,t.value)}}),e.directive("djv-loading",function(){const e=new WeakMap;return{mounted(t,r){t.style.position="relative",m(t,r.value,e)},updated(t,r){m(t,r.value,e)},unmounted(t){const r=e.get(t);r&&(r.remove(),e.delete(t))}}}()));const n={apiBaseUrl:t.apiBaseUrl,cdnBaseUrl:t.cdnBaseUrl,channel:t.channel,debug:t.debug,enableSRI:t.enableSRI,enableMetrics:t.enableMetrics,retryCount:t.retryCount,retryDelay:t.retryDelay,timeout:t.timeout};e.provide(u,n),e.config.globalProperties.$djvlc={config:n,track:d}}};exports.DJVLC_CONFIG_KEY=u,exports.DJVPlugin=f,exports.DJVProvider=c,exports.DJVRenderer=s,exports.RuntimeContextKey=n,exports.createVueRuntime=r,exports.injectRuntime=o,exports.provideRuntime=a,exports.useAction=i,exports.useComponentState=function(t){const r=o(),n=e.computed(()=>r.value.state.components.get(t));return{isLoaded:e.computed(()=>"loaded"===n.value?.status),isLoading:e.computed(()=>"loading"===n.value?.status),hasError:e.computed(()=>"failed"===n.value?.status),loadTime:e.computed(()=>n.value?.loadTime),info:n}},exports.useDJVRuntime=function(){const t=o(),r=e.computed(()=>{const e=t.value.state.phase;return"ready"!==e&&"error"!==e}),n=e.computed(()=>"ready"===t.value.state.phase),a=e.computed(()=>"error"===t.value.state.phase||null!==t.value.state.error);return{runtime:e.computed(()=>t.value.runtime),state:e.computed(()=>t.value.state),loading:r,phase:e.computed(()=>t.value.state.phase),error:e.computed(()=>t.value.state.error),page:e.computed(()=>t.value.state.page),isReady:n,hasError:a,reload:async()=>{const e=t.value.runtime;if(!e)throw new Error("Runtime not available");await e.load(),await e.render()}}},exports.useData=function(t,r,n){const a=o(),i=e.shallowRef(),s=e.ref(!1),l=e.ref(null),c=e.ref(!1);let u=null;const d=async e=>{const o=a.value.hostApi;if(!o)throw new Error("HostAPI not available");s.value=!0,l.value=null;try{const a=await o.requestData(t,e||(()=>{if(r)return"object"==typeof r&&"value"in r?r.value:r})());i.value=a,c.value=!0,n?.onSuccess?.(a)}catch(e){const t=e;l.value=t,n?.onError?.(t)}finally{s.value=!1}};return r&&"object"==typeof r&&"value"in r&&!1!==n?.refreshOnParamsChange&&e.watch(r,()=>{c.value&&d()},{deep:!0}),e.onMounted(()=>{!1!==n?.immediate&&a.value.hostApi&&d(),n?.refreshInterval&&n.refreshInterval>0&&(u=setInterval(d,n.refreshInterval))}),e.onUnmounted(()=>{u&&clearInterval(u)}),{data:i,loading:s,error:l,refetch:d,isFetched:c}},exports.useDebouncedAction=function(t,r=300){const{execute:n,loading:a,result:o,error:s}=i(t);let l=null;const c=()=>{l&&(clearTimeout(l),l=null)};return e.onUnmounted(()=>{c()}),{execute:e=>{l&&clearTimeout(l),l=setTimeout(()=>{n(e).catch(()=>{})},r)},loading:a,result:o,error:s,cancel:c}},exports.useGlobalConfig=function(){return e.inject("djvlc-config",{})},exports.useHostApi=function(){const e=o().value.hostApi;if(!e)throw new Error("HostAPI not available. Make sure runtime is initialized.");return e},exports.useLifecycle=function(t){const r=o(),n=e.ref(!1),a=e.ref(!1);return e.watch(()=>r.value.state.phase,async(e,o)=>{if(t?.onPhaseChange?.(e),!n.value&&"idle"!==e){n.value=!0;try{await(t?.onMounted?.())}catch(e){t?.onError?.(e)}}if(!a.value&&"ready"===e){a.value=!0;try{await(t?.onReady?.())}catch(e){t?.onError?.(e)}}"error"===e&&"error"!==o&&t?.onError?.(r.value.state.error)},{immediate:!0}),{phase:e.computed(()=>r.value.state.phase),hasMounted:e.readonly(n),hasReady:e.readonly(a)}},exports.usePageInfo=function(){const t=o();return{pageUid:e.computed(()=>t.value.state.page?.pageUid),pageVersionId:e.computed(()=>t.value.state.page?.pageVersionId),schemaVersion:e.computed(()=>t.value.state.page?.pageJson?.schemaVersion),title:e.computed(()=>{const e=t.value.state.page;return e?.title}),config:e.computed(()=>{const e=t.value.state.page;return e?.config}),isLoaded:e.computed(()=>null!==t.value.state.page)}},exports.useQuery=function(t,r){const n=o(),a=e.ref(!1),i=e.ref(null),s=e.ref(null);let l=null;const c=e.computed(()=>n.value.state.queries[t]),u=async()=>{a.value=!0,i.value=null;try{await(n.value.runtime?.refreshData(t)),s.value=Date.now()}catch(e){i.value=e}finally{a.value=!1}};return e.onMounted(()=>{r?.refreshOnMount&&n.value.runtime&&u(),r?.refreshInterval&&r.refreshInterval>0&&(l=setInterval(u,r.refreshInterval)),r?.refreshOnFocus&&window.addEventListener("focus",u)}),e.onUnmounted(()=>{l&&clearInterval(l),r?.refreshOnFocus&&window.removeEventListener("focus",u)}),{data:c,loading:a,error:i,refetch:u,lastUpdated:s}},exports.useRuntimeEvent=function(t,r){const n=o(),a=n.value.runtime?.on(t,e=>{r(e.data)});e.onUnmounted(()=>{a?.()})},exports.useRuntimeState=function(t){const r=o();return e.computed(()=>r.value.state.variables[t])},exports.useRuntimeStateWritable=function(t,r){const n=o();return[e.computed(()=>n.value.state.variables[t]??r),e=>{n.value.runtime?.setVariable(t,e)}]},exports.useWhen=function(t,r,n){const a=e.ref(!1),{once:o=!0,immediate:i=!0}=n||{},s=e.watch(t,async e=>{!e||o&&a.value||(a.value=!0,await r(),o&&s())},{immediate:i});return e.onUnmounted(()=>{s()}),{executed:e.readonly(a),stop:s}};