@lingxia/vue 0.12.0 → 0.14.0

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.12.0",
+  "version": "0.14.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.12.0",
-    "@lingxia/elements": "~0.12.0",
-    "@lingxia/page-runtime": "~0.12.0"
+    "@lingxia/bridge": "~0.14.0",
+    "@lingxia/elements": "~0.14.0",
+    "@lingxia/page-runtime": "~0.14.0"
   },
   "peerDependencies": {
     "vue": ">=3.5.0"