@lingxia/vue 0.10.0 → 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;
@@ -40,4 +42,18 @@ export interface LxChannelState<TData, TOut = TData> {
 export declare function useLxChannel<TMethod extends (...args: any[]) => Promise<LxChannel<any, any>>>(method: MethodSource<TMethod>, options?: LxChannelOptions & {
     params?: ParamsSource<MethodParams<TMethod>>;
 }): LxChannelState<ChannelIn<TMethod>, ChannelOut<TMethod>>;
+export interface LxPlatform {
+    os: string;
+    isIOS: boolean;
+    isMacOS: boolean;
+    isApple: boolean;
+    isAndroid: boolean;
+    isHarmony: boolean;
+    isWindows: boolean;
+    isDesktop: boolean;
+    isRunner: boolean;
+}
+export declare function usePlatform(): LxPlatform;
+/** Effective product language selected by the host; follows a change. */
+export declare function useDisplayLanguage(): Readonly<Ref<string>>;
 export {};

package/dist/hook.js

@@ -1,6 +1,7 @@
-import { onUnmounted, reactive, ref, unref, watch, } from "vue";
+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);
 }
@@ -25,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);
@@ -191,3 +205,35 @@ export function useLxChannel(method, options) {
     });
     return { last, error, connecting, connected, send, close, reopen };
 }
+function readPlatform() {
+    const p = window.LingXiaBridge?.platform;
+    return {
+        os: p?.getOS() ?? "unknown",
+        isIOS: p?.isIOS() ?? false,
+        isMacOS: p?.isMacOS() ?? false,
+        isApple: p?.isApple() ?? false,
+        isAndroid: p?.isAndroid() ?? false,
+        isHarmony: p?.isHarmony() ?? false,
+        isWindows: p?.isWindows() ?? false,
+        isDesktop: p?.isDesktop() ?? false,
+        isRunner: p?.isRunner() ?? false,
+    };
+}
+// Typed platform detection for pages, so they never reach for the window global
+// or hand-roll an OS check. Fixed for the session, so it resolves once.
+export function usePlatform() {
+    return readPlatform();
+}
+/** Effective product language selected by the host; follows a change. */
+export function useDisplayLanguage() {
+    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, type LxStreamOptions, type LxStreamState, type LxChannelOptions, type LxChannelState, } 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, } 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.10.0",
+  "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.10.0",
-    "@lingxia/elements": "^0.10.0",
-    "@lingxia/page-runtime": "^0.10.0"
+    "@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"