@das-fed/ui 6.4.0-test.53 → 6.4.0-test.55

package/packages/components/hls-player/src/das-hls-player.vue.d.ts

@@ -0,0 +1,47 @@
+import type { Props } from './type';
+declare const fit: import("vue").Ref<"fill" | "none" | "contain" | "cover" | "scale-down" | undefined, "fill" | "none" | "contain" | "cover" | "scale-down" | undefined>, loadingText: string | import("vue").Ref<string | undefined, string | undefined>, error: boolean | import("vue").Ref<boolean, boolean>, errorText: string | import("vue").Ref<string | undefined, string | undefined>;
+declare const playLoading: import("vue").Ref<any, any>;
+declare const videoUrl: import("vue").ComputedRef<string>;
+declare const video: import("vue").Ref<any, any>;
+declare const loadingSpinner: import("vue").Ref<string, string>;
+declare const loadingBackground: import("vue").Ref<string, string>;
+declare const handleErrorClick: () => void;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_1: {};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    error?: (props: typeof __VLS_1) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<Props, {
+    fit: typeof fit;
+    loadingText: typeof loadingText;
+    error: typeof error;
+    errorText: typeof errorText;
+    playLoading: typeof playLoading;
+    videoUrl: typeof videoUrl;
+    video: typeof video;
+    loadingSpinner: typeof loadingSpinner;
+    loadingBackground: typeof loadingBackground;
+    handleErrorClick: typeof handleErrorClick;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    loaded: (player: any) => any;
+    errorClick: () => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onLoaded?: ((player: any) => any) | undefined;
+    onErrorClick?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<Props, {
+    video: import("vue").Ref<any, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    loaded: (player: any) => any;
+    errorClick: () => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onLoaded?: ((player: any) => any) | undefined;
+    onErrorClick?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/packages/components/hls-player/src/type.d.ts

@@ -0,0 +1,33 @@
+export interface Props {
+  
+  src?: string
+
+  
+  config?: any
+
+  
+  fit?: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down'
+
+  
+  loading?: boolean
+
+  
+  loadingText?: string
+
+  
+  error?: boolean
+
+  
+  errorText?: string
+
+  
+  retryTime?: number
+}
+
+export interface Emits {
+  
+  (e: 'loaded', player: any): void
+
+  
+  (e: 'errorClick'): void
+}

package/packages/components/hls-player/style.css

@@ -0,0 +1 @@
+.das-hls-player[data-v-e9fc879c]{height:100%;width:100%;min-width:10px;min-height:10px;position:relative}.das-hls-player .video[data-v-e9fc879c]{width:100%;height:100%;object-fit:fill;background:#000}.das-hls-player .error[data-v-e9fc879c]{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#409eff;font-size:12px;cursor:pointer;background:var(--64905d4c)}.das-hls-player .landscape[data-v-e9fc879c]{transform:rotate(90deg)!important;transform-origin:left top;width:100vh;height:100vw;overflow:hidden;position:fixed;top:0;left:0}.das-hls-player .player[data-v-e9fc879c]::-webkit-media-controls{display:none!important}.das-hls-player .player[data-v-e9fc879c]::-webkit-media-controls-enclosure{display:none!important}.das-hls-player .player[data-v-e9fc879c]::-webkit-media-controls-panel{display:none!important}.das-hls-player .player[data-v-e9fc879c]::-webkit-media-controls-play-button{display:none!important}.das-hls-player .player[data-v-e9fc879c]::-webkit-media-controls-timeline{display:none!important}.das-hls-player .player[data-v-e9fc879c]::-webkit-media-controls-current-time-display{display:none!important}.das-hls-player .player[data-v-e9fc879c]::-webkit-media-controls-time-remaining-display{display:none!important}.das-hls-player .player[data-v-e9fc879c]::-webkit-media-controls-mute-button{display:none!important}.das-hls-player .player[data-v-e9fc879c]::-webkit-media-controls-volume-slider{display:none!important}.das-hls-player .player[data-v-e9fc879c]::-webkit-media-controls-fullscreen-button{display:none!important}.das-hls-player .no-controls[data-v-e9fc879c]::-webkit-media-controls{display:none!important}.das-hls-player .no-controls[data-v-e9fc879c]::-webkit-media-controls-enclosure{display:none!important}.das-hls-player .player[data-v-e9fc879c]{position:relative;width:100%;height:100%;object-fit:fill;background:#000}

package/packages/components/index.d.ts

@@ -21,6 +21,7 @@ export * from './empty';
 export * from './error-overlay-model';
 export * from './form';
 export * from './form-item';
+export * from './hls-player';
 export * from './icon';
 export * from './image-preview';
 export * from './image-upload';

package/packages/components/index.js

@@ -21,6 +21,7 @@ export * from './empty'
 export * from './error-overlay-model'
 export * from './form'
 export * from './form-item'
+export * from './hls-player'
 export * from './icon'
 export * from './image-preview'
 export * from './image-upload'