@lingxia/vue 0.11.1 → 0.12.0

package/dist/LxNavigator.vue

@@ -62,7 +62,6 @@ const render = () => h(
       delta: props.delta,
       query: props.query,
       appId: props.appId,
-      path: props.path,
       envVersion: props.envVersion,
       targetVersion: props.targetVersion,
       phoneNumber: props.phoneNumber,

package/dist/hook.d.ts

@@ -1,12 +1,14 @@
 import { type Ref } from "vue";
 import type { LxChannel, LxBridgeError, LxStream } from "@lingxia/bridge";
 import { type ChannelIn, type ChannelOut, type MethodParams, type ParamsSource, type StreamData, type StreamResult } from "@lingxia/bridge/invocation";
-import { type ActionMap, type Snapshot } from "@lingxia/page-runtime";
+import { type ActionMap, type PageChromeLayoutSnapshot, type Snapshot } from "@lingxia/page-runtime";
 type MethodSource<T> = T | Ref<T>;
 export declare function useLxPage<TData = Snapshot, TActions extends ActionMap = ActionMap>(): {
     data: TData;
     actions: TActions;
 };
+/** Reactive native page-chrome geometry for View layout. */
+export declare function useLxPageChrome(): Readonly<Ref<PageChromeLayoutSnapshot>>;
 export interface LxStreamOptions<TData, TReduced> {
     params?: unknown | (() => unknown);
     manual?: boolean;
@@ -52,6 +54,6 @@ export interface LxPlatform {
     isRunner: boolean;
 }
 export declare function usePlatform(): LxPlatform;
-/** Effective product language selected by the host. */
-export declare function useDisplayLanguage(): string;
+/** Effective product language selected by the host; follows a change. */
+export declare function useDisplayLanguage(): Readonly<Ref<string>>;
 export {};

package/dist/hook.js

@@ -1,7 +1,7 @@
-import { onUnmounted, reactive, ref, unref, watch, } from "vue";
-import { getDisplayLanguage } from "@lingxia/bridge";
+import { onUnmounted, getCurrentInstance, reactive, ref, shallowRef, unref, watch, } from "vue";
+import { getDisplayLanguage, subscribeDisplayLanguage } from "@lingxia/bridge";
 import { getMethodKey, invokeMethod, resolveParams, stableParamKey, toBridgeError, } from "@lingxia/bridge/invocation";
-import { ensurePageBridgeSubscription, getPageActions, subscribePageData, } from "@lingxia/page-runtime";
+import { ensurePageBridgeSubscription, getPageActions, getPageChromeLayout, subscribePageChromeLayout, subscribePageData, } from "@lingxia/page-runtime";
 function resolveMethod(source) {
     return unref(source);
 }
@@ -26,6 +26,19 @@ export function useLxPage() {
     ensureReactiveSnapshot();
     return { data: reactiveSnapshot, actions: getPageActions() };
 }
+/** Reactive native page-chrome geometry for View layout. */
+export function useLxPageChrome() {
+    const layout = shallowRef(getPageChromeLayout());
+    if (!getCurrentInstance()) {
+        console.warn("useLxPageChrome() must be called during component setup");
+        return layout;
+    }
+    const unsubscribe = subscribePageChromeLayout((next) => {
+        layout.value = next;
+    });
+    onUnmounted(unsubscribe);
+    return layout;
+}
 export function useLxStream(method, options) {
     const data = ref((options?.reduce ? options.initial : undefined));
     const result = ref(undefined);
@@ -211,7 +224,16 @@ function readPlatform() {
 export function usePlatform() {
     return readPlatform();
 }
-/** Effective product language selected by the host. */
+/** Effective product language selected by the host; follows a change. */
 export function useDisplayLanguage() {
-    return getDisplayLanguage();
+    const language = shallowRef(getDisplayLanguage());
+    if (!getCurrentInstance()) {
+        console.warn("useDisplayLanguage() must be called during component setup");
+        return language;
+    }
+    const unsubscribe = subscribeDisplayLanguage(() => {
+        language.value = getDisplayLanguage();
+    });
+    onUnmounted(unsubscribe);
+    return language;
 }

package/dist/index.d.ts

@@ -1,6 +1,7 @@
-export { useLxPage, useLxStream, useLxChannel, usePlatform, useDisplayLanguage, type LxStreamOptions, type LxStreamState, type LxChannelOptions, type LxChannelState, type LxPlatform, } from "./hook.js";
+export { useLxPage, useLxPageChrome, useLxStream, useLxChannel, usePlatform, useDisplayLanguage, type LxStreamOptions, type LxStreamState, type LxChannelOptions, type LxChannelState, type LxPlatform, } from "./hook.js";
 export { default as LxVideo } from "./LxVideo.vue";
 export { default as LxMediaSwiper } from "./LxMediaSwiper.vue";
 export { default as LxPicker } from "./LxPicker.vue";
 export { default as LxNavigator } from "./LxNavigator.vue";
 export type { LxVideoProps, LxMediaSwiperProps, LxPickerProps, LxNavigatorProps, LxNavigatorEvent, } from "./types.js";
+export type { LxPageChrome, PageChromeLayoutListener, PageChromeLayoutSnapshot, PageChromeRect, } from "@lingxia/page-runtime";

package/dist/index.js

@@ -1,4 +1,4 @@
-export { useLxPage, useLxStream, useLxChannel, usePlatform, useDisplayLanguage, } from "./hook.js";
+export { useLxPage, useLxPageChrome, useLxStream, useLxChannel, usePlatform, useDisplayLanguage, } from "./hook.js";
 export { default as LxVideo } from "./LxVideo.vue";
 export { default as LxMediaSwiper } from "./LxMediaSwiper.vue";
 export { default as LxPicker } from "./LxPicker.vue";

package/dist/types.d.ts

@@ -36,7 +36,6 @@ export interface LxNavigatorProps {
     delta?: number;
     query?: NavigatorQuery;
     appId?: string;
-    path?: string;
     envVersion?: NavigatorEnvVersion;
     targetVersion?: string;
     phoneNumber?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lingxia/vue",
-  "version": "0.11.1",
+  "version": "0.12.0",
   "private": false,
   "description": "LingXia Vue runtime and components for lxapp pages",
   "type": "module",
@@ -19,9 +19,9 @@
     "prepublishOnly": "npm run build"
   },
   "dependencies": {
-    "@lingxia/bridge": "^0.11.1",
-    "@lingxia/elements": "^0.11.1",
-    "@lingxia/page-runtime": "^0.11.1"
+    "@lingxia/bridge": "~0.12.0",
+    "@lingxia/elements": "~0.12.0",
+    "@lingxia/page-runtime": "~0.12.0"
   },
   "peerDependencies": {
     "vue": ">=3.5.0"
@@ -31,7 +31,7 @@
     "@lingxia/elements": "file:../lingxia-elements",
     "@lingxia/page-runtime": "file:../lingxia-page-runtime",
     "typescript": "^5.7.2",
-    "vue": "^3.5.0"
+    "vue": "^3.5.41"
   },
   "files": [
     "dist"