@lingxia/vue 0.13.0 → 0.15.0

package/dist/hook.d.ts

@@ -50,7 +50,13 @@ export interface LxPlatform {
     isAndroid: boolean;
     isHarmony: boolean;
     isWindows: boolean;
+    /**
+     * Form factor, not OS. This, not `isMacOS`/`isWindows`, is what a layout
+     * decision is usually about: the Runner reports macOS while simulating a
+     * phone, and a narrowed desktop window is still a desktop.
+     */
     isDesktop: boolean;
+    isMobile: boolean;
     isRunner: boolean;
 }
 export declare function usePlatform(): LxPlatform;

package/dist/hook.js

@@ -207,6 +207,7 @@ export function useLxChannel(method, options) {
 }
 function readPlatform() {
     const p = window.LingXiaBridge?.platform;
+    const desktop = p?.isDesktop() ?? false;
     return {
         os: p?.getOS() ?? "unknown",
         isIOS: p?.isIOS() ?? false,
@@ -215,12 +216,16 @@ function readPlatform() {
         isAndroid: p?.isAndroid() ?? false,
         isHarmony: p?.isHarmony() ?? false,
         isWindows: p?.isWindows() ?? false,
-        isDesktop: p?.isDesktop() ?? false,
+        isDesktop: desktop,
+        // Derived, not read, so that a host too old to answer `isMobile` reports
+        // one of the two rather than neither.
+        isMobile: p?.isMobile?.() ?? !desktop,
         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.
+// or hand-roll an OS check. Fixed for the session, so it resolves once — the
+// Runner re-serves the page when its simulated device changes form factor.
 export function usePlatform() {
     return readPlatform();
 }

package/dist/types.d.ts

@@ -1,13 +1,85 @@
 import type { CSSProperties } from 'vue';
-import type { LxMediaSwiperAttributes, LxVideoAttributes } from '@lingxia/elements';
 import type { LxNavigatorEvent, NavigatorEnvVersion, NavigatorOpenType, NavigatorQuery, NavigatorTarget } from '@lingxia/elements';
-export interface LxVideoProps extends Omit<LxVideoAttributes, 'ref' | 'className' | 'style'> {
+export interface LxVideoProps {
+    id?: string;
+    src?: string;
+    poster?: string;
+    objectFit?: 'cover' | 'contain' | 'fill' | 'fit';
+    contentRotate?: 0 | 90 | 180 | 270;
+    autoplay?: boolean;
+    loop?: boolean;
+    muted?: boolean;
+    controls?: boolean;
+    progressBar?: boolean;
+    live?: boolean;
+    volume?: string | number;
+    qualities?: Array<{
+        label: string;
+        url?: string;
+    }>;
+    playbackRates?: number[];
     class?: string;
     style?: CSSProperties;
+    onPlayRequest?: (event: Event) => void;
+    onPlay?: (event: Event) => void;
+    onPlaying?: (event: Event) => void;
+    onPause?: (event: Event) => void;
+    onStop?: (event: Event) => void;
+    onEnded?: (event: Event) => void;
+    onTimeUpdate?: (event: Event) => void;
+    onError?: (event: Event) => void;
+    onLoadedMetadata?: (event: Event) => void;
+    onFullscreenChange?: (event: Event) => void;
+    onWaiting?: (event: Event) => void;
+    onQualityChange?: (event: Event) => void;
+    onRateChange?: (event: Event) => void;
+    pageBindings?: Record<string, string>;
 }
-export interface LxMediaSwiperProps extends Omit<LxMediaSwiperAttributes, 'ref' | 'className' | 'style'> {
+type LxMediaSwiperItem = {
+    id?: string;
+    type: 'image';
+    src: string;
+} | {
+    id?: string;
+    type: 'video';
+    src: string;
+    poster?: string;
+    controls?: boolean;
+    muted?: boolean;
+};
+export interface LxMediaSwiperProps {
+    id?: string;
+    items?: LxMediaSwiperItem[];
+    index?: number;
+    initialIndex?: number;
+    loop?: boolean;
+    autoplay?: boolean;
+    interval?: number;
+    animation?: 'slide' | 'none';
+    animationDuration?: number;
+    direction?: 'horizontal' | 'vertical';
+    contentRotate?: 0 | 90 | 180 | 270;
+    objectFit?: 'cover' | 'contain' | 'fill' | 'fit';
+    controls?: boolean;
+    muted?: boolean;
+    dots?: boolean | {
+        color?: string;
+        activeColor?: string;
+    };
+    swipeEnabled?: boolean;
+    peek?: number | {
+        previous?: number;
+        next?: number;
+    };
     class?: string;
     style?: CSSProperties;
+    onChange?: (event: Event) => void;
+    onTransitionEnd?: (event: Event) => void;
+    onEndReached?: (event: Event) => void;
+    onTap?: (event: Event) => void;
+    onVideoEnded?: (event: Event) => void;
+    onError?: (event: Event) => void;
+    pageBindings?: Record<string, string>;
 }
 export interface LxPickerProps {
     columns?: string[][] | [string[], Record<string, string[]>];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lingxia/vue",
-  "version": "0.13.0",
+  "version": "0.15.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.13.0",
-    "@lingxia/elements": "~0.13.0",
-    "@lingxia/page-runtime": "~0.13.0"
+    "@lingxia/bridge": "~0.15.0",
+    "@lingxia/elements": "~0.15.0",
+    "@lingxia/page-runtime": "~0.15.0"
   },
   "peerDependencies": {
     "vue": ">=3.5.0"