cosey 0.5.0 → 0.5.2

package/components/video-card/video-card.d.ts

@@ -1,15 +1,79 @@
-import { type MediaCardBaseProps } from '../media-card/media-card';
-import { type VideoViewerProps } from '../video-viewer/video-viewer';
-export interface VideoCardProps extends MediaCardBaseProps, VideoViewerProps {
-}
-export declare const defaultVideoCardProps: {
-    size: "middle";
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    teleported: {
+        type: BooleanConstructor;
+    };
+    zIndex: {
+        type: NumberConstructor;
+    };
+    closeOnPressEscape: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hideOnClickModal: {
+        type: BooleanConstructor;
+    };
+    src: {
+        type: StringConstructor;
+    };
+    size: {
+        type: import("vue").PropType<"mini" | "small" | "middle" | "large">;
+        default: string;
+    };
+    name: {
+        type: StringConstructor;
+    };
+    type: {
+        type: import("vue").PropType<"image" | "video" | "audio" | (string & {})>;
+    };
+    title: {
+        type: StringConstructor;
+    };
+    srcList: {
+        type: import("vue").PropType<string[]>;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    open: () => boolean;
+    close: () => boolean;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    teleported: {
+        type: BooleanConstructor;
+    };
+    zIndex: {
+        type: NumberConstructor;
+    };
+    closeOnPressEscape: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hideOnClickModal: {
+        type: BooleanConstructor;
+    };
+    src: {
+        type: StringConstructor;
+    };
+    size: {
+        type: import("vue").PropType<"mini" | "small" | "middle" | "large">;
+        default: string;
+    };
+    name: {
+        type: StringConstructor;
+    };
+    type: {
+        type: import("vue").PropType<"image" | "video" | "audio" | (string & {})>;
+    };
+    title: {
+        type: StringConstructor;
+    };
+    srcList: {
+        type: import("vue").PropType<string[]>;
+    };
+}>> & Readonly<{
+    onOpen?: (() => any) | undefined;
+    onClose?: (() => any) | undefined;
+}>, {
+    size: "large" | "small" | "middle" | "mini";
+    teleported: boolean;
     closeOnPressEscape: boolean;
-};
-export interface VideoCardEmits {
-    (e: 'open'): void;
-    (e: 'close'): void;
-}
-export interface VideoCardExpose {
-    view: () => void;
-}
+    hideOnClickModal: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/components/video-card/video-card.js

@@ -1,9 +1,60 @@
-import { defaultMediaCardBaseProps } from '../media-card/media-card.js';
-import { defaultVideoViewerProps } from '../video-viewer/video-viewer.js';
+import { defineComponent, ref, createVNode, Fragment, mergeProps } from 'vue';
+import { videoCardEmits, videoCardProps } from './video-card.api.js';
+import { useLockscreen } from 'element-plus';
+import stdin_default$3 from '../video-viewer/video-viewer.js';
+import stdin_default$2 from '../icon/icon.vue.js';
+import stdin_default$1 from './video-card.style.js';
+import { useComponentConfig } from '../config-provider/config-provider.api.js';
 
-const defaultVideoCardProps = {
-  ...defaultVideoViewerProps,
-  ...defaultMediaCardBaseProps
-};
+var stdin_default = defineComponent({
+  name: "CoVideoCard",
+  inheritAttrs: false,
+  props: videoCardProps,
+  emits: videoCardEmits,
+  setup(props, {
+    emit,
+    attrs
+  }) {
+    const {
+      prefixCls
+    } = useComponentConfig("video-card", props);
+    const {
+      hashId
+    } = stdin_default$1(prefixCls);
+    const viewerVisible = ref(false);
+    useLockscreen(viewerVisible);
+    const openViewer = () => {
+      viewerVisible.value = true;
+      emit("open");
+    };
+    function closeViewer() {
+      viewerVisible.value = false;
+      emit("close");
+    }
+    defineExpose({
+      view() {
+        openViewer();
+      }
+    });
+    return () => {
+      return createVNode(Fragment, null, [createVNode("div", mergeProps(attrs, {
+        "class": [hashId.value, prefixCls.value, `is-${props.size}`],
+        "title": props.title || props.src,
+        "onClick": openViewer
+      }), [createVNode("video", {
+        "src": props.src,
+        "class": `${prefixCls.value}-video`
+      }, null), createVNode("div", {
+        "class": `${prefixCls.value}-play-mask`
+      }, [createVNode(stdin_default$2, {
+        "name": "co:play-circle-outline",
+        "class": `${prefixCls.value}-play-icon`
+      }, null)])]), viewerVisible.value && createVNode(stdin_default$3, {
+        "src": props.src,
+        "onClose": closeViewer
+      }, null)]);
+    };
+  }
+});
 
-export { defaultVideoCardProps };
+export { stdin_default as default };

package/components/video-card/video-card.style.d.ts

@@ -0,0 +1,4 @@
+declare const _default: (_prefixCls?: import("vue").ComputedRef<string> | string, themeManager?: import("../theme/theme-context").ThemeManager) => {
+    hashId: import("vue").Ref<string, string>;
+};
+export default _default;

package/components/video-card/{style/index.js → video-card.style.js}

@@ -1,7 +1,7 @@
-import { getStyleHook } from '../../theme/getStyleHook.js';
-import { getMediaCardStyle } from '../../media-card/style/index.js';
+import { getSimpleStyleHook } from '../theme/getSimpleStyleHook.js';
+import { getMediaCardStyle } from '../media-card/media-card.style.js';
 
-const getVideoCardStyle = (token) => {
+var stdin_default = getSimpleStyleHook("CoVideoCard", (token) => {
   const { componentCls } = token;
   return {
     [componentCls]: {
@@ -28,9 +28,6 @@ const getVideoCardStyle = (token) => {
       }
     }
   };
-};
-var stdin_default = getStyleHook("VideoCard", (token) => {
-  return [getVideoCardStyle(token)];
 });
 
 export { stdin_default as default };

package/components/video-viewer/index.d.ts

@@ -1,34 +1,89 @@
 export * from './video-viewer';
 declare const _VideoViewer: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./video-viewer").VideoViewerProps> & Readonly<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        teleported: {
+            type: BooleanConstructor;
+        };
+        zIndex: {
+            type: NumberConstructor;
+        };
+        closeOnPressEscape: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        hideOnClickModal: {
+            type: BooleanConstructor;
+        };
+        src: {
+            type: StringConstructor;
+        };
+    }>> & Readonly<{
         onClose?: (() => any) | undefined;
-    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-        close: () => any;
+    }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        close: () => boolean;
     }, import("vue").PublicProps, {
+        teleported: boolean;
         closeOnPressEscape: boolean;
-    }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        hideOnClickModal: boolean;
+    }, true, {}, import("vue").SlotsType<import("./video-viewer.api").VideoViewerSlots>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import("./video-viewer").VideoViewerProps> & Readonly<{
+    }, Readonly<import("vue").ExtractPropTypes<{
+        teleported: {
+            type: BooleanConstructor;
+        };
+        zIndex: {
+            type: NumberConstructor;
+        };
+        closeOnPressEscape: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        hideOnClickModal: {
+            type: BooleanConstructor;
+        };
+        src: {
+            type: StringConstructor;
+        };
+    }>> & Readonly<{
         onClose?: (() => any) | undefined;
-    }>, {}, {}, {}, {}, {
+    }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
+        teleported: boolean;
         closeOnPressEscape: boolean;
+        hideOnClickModal: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("./video-viewer").VideoViewerProps> & Readonly<{
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    teleported: {
+        type: BooleanConstructor;
+    };
+    zIndex: {
+        type: NumberConstructor;
+    };
+    closeOnPressEscape: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hideOnClickModal: {
+        type: BooleanConstructor;
+    };
+    src: {
+        type: StringConstructor;
+    };
+}>> & Readonly<{
     onClose?: (() => any) | undefined;
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    close: () => any;
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: () => boolean;
 }, string, {
+    teleported: boolean;
     closeOnPressEscape: boolean;
-}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-    $slots: import("./video-viewer").VideoViewerSlots;
-}) & import("vue").Plugin;
+    hideOnClickModal: boolean;
+}, {}, string, import("vue").SlotsType<import("./video-viewer.api").VideoViewerSlots>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin;
 export { _VideoViewer as VideoViewer };
 export default _VideoViewer;

package/components/video-viewer/index.js

@@ -1,6 +1,5 @@
 import { withInstall } from '../utils.js';
-import stdin_default$1 from './video-viewer.vue.js';
-export { defaultVideoViewerProps } from './video-viewer.js';
+import stdin_default$1 from './video-viewer.js';
 
 const _VideoViewer = withInstall(stdin_default$1);
 var stdin_default = _VideoViewer;

package/components/video-viewer/video-viewer.api.d.ts

@@ -0,0 +1,28 @@
+import { type SlotsType, type ExtractPropTypes } from 'vue';
+export declare const videoViewerProps: {
+    teleported: {
+        type: BooleanConstructor;
+    };
+    zIndex: {
+        type: NumberConstructor;
+    };
+    closeOnPressEscape: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hideOnClickModal: {
+        type: BooleanConstructor;
+    };
+    src: {
+        type: StringConstructor;
+    };
+};
+export type VideoViewerProps = ExtractPropTypes<typeof videoViewerProps>;
+export interface VideoViewerSlots {
+    default: {};
+}
+export declare const videoViewerSlots: SlotsType<VideoViewerSlots>;
+export declare const videoViewerEmits: {
+    close: () => boolean;
+};
+export type VideoViewerEmits = typeof videoViewerEmits;

package/components/video-viewer/video-viewer.api.js

@@ -0,0 +1,11 @@
+import { mediaViewerBaseProps } from '../media-viewer/media-viewer.api.js';
+
+const videoViewerProps = {
+  ...mediaViewerBaseProps
+};
+const videoViewerSlots = Object;
+const videoViewerEmits = {
+  close: () => true
+};
+
+export { videoViewerEmits, videoViewerProps, videoViewerSlots };

package/components/video-viewer/video-viewer.d.ts

@@ -1,12 +1,44 @@
-import { type MediaViewerBaseProps } from '../media-viewer/media-viewer';
-export interface VideoViewerProps extends MediaViewerBaseProps {
-}
-export declare const defaultVideoViewerProps: {
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    teleported: {
+        type: BooleanConstructor;
+    };
+    zIndex: {
+        type: NumberConstructor;
+    };
+    closeOnPressEscape: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hideOnClickModal: {
+        type: BooleanConstructor;
+    };
+    src: {
+        type: StringConstructor;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: () => boolean;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    teleported: {
+        type: BooleanConstructor;
+    };
+    zIndex: {
+        type: NumberConstructor;
+    };
+    closeOnPressEscape: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hideOnClickModal: {
+        type: BooleanConstructor;
+    };
+    src: {
+        type: StringConstructor;
+    };
+}>> & Readonly<{
+    onClose?: (() => any) | undefined;
+}>, {
+    teleported: boolean;
     closeOnPressEscape: boolean;
-};
-export interface VideoViewerSlots {
-    default?: (props: Record<string, never>) => any;
-}
-export interface VideoViewerEmits {
-    (e: 'close'): void;
-}
+    hideOnClickModal: boolean;
+}, import("vue").SlotsType<import("./video-viewer.api").VideoViewerSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/components/video-viewer/video-viewer.js

@@ -1,7 +1,91 @@
-import { defaultMediaViewerBaseProps } from '../media-viewer/media-viewer.js';
+import { defineComponent, ref, useTemplateRef, onMounted, onBeforeUnmount, createVNode, Transition } from 'vue';
+import { useZIndex } from 'element-plus';
+import ElTeleport from 'element-plus/es/components/teleport/index';
+import ElFocusTrap from 'element-plus/es/components/focus-trap/index';
+import { videoViewerEmits, videoViewerSlots, videoViewerProps } from './video-viewer.api.js';
+import { Close as _Close } from '../close/index.js';
+import { Mask as _Mask } from '../mask/index.js';
+import stdin_default$1 from './video-viewer.style.js';
+import { useComponentConfig } from '../config-provider/config-provider.api.js';
 
-const defaultVideoViewerProps = {
-  ...defaultMediaViewerBaseProps
-};
+var stdin_default = defineComponent({
+  name: "CoVideoViewer",
+  props: videoViewerProps,
+  slots: videoViewerSlots,
+  emits: videoViewerEmits,
+  setup(props, {
+    emit
+  }) {
+    const {
+      prefixCls
+    } = useComponentConfig("video-viewer");
+    const {
+      hashId
+    } = stdin_default$1(prefixCls);
+    const {
+      nextZIndex
+    } = useZIndex();
+    const wrapper = ref();
+    const zIndex = ref(props.zIndex ?? nextZIndex());
+    function onFocusoutPrevented(event) {
+      if (event.detail?.focusReason === "pointer") {
+        event.preventDefault();
+      }
+    }
+    function onCloseRequested() {
+      if (props.closeOnPressEscape) {
+        hide();
+      }
+    }
+    function hide() {
+      emit("close");
+    }
+    const videoRef = useTemplateRef("video");
+    onMounted(() => {
+      videoRef.value?.play();
+    });
+    onBeforeUnmount(() => {
+      videoRef.value?.pause();
+    });
+    return () => {
+      return createVNode(ElTeleport, {
+        "to": "body",
+        "disabled": !props.teleported
+      }, {
+        default: () => [createVNode(Transition, {
+          "name": "co-viewer-fade",
+          "appear": true
+        }, {
+          default: () => [createVNode("div", {
+            "ref": "wrapper",
+            "tabindex": -1,
+            "class": [hashId.value, prefixCls.value],
+            "style": {
+              zIndex: zIndex.value
+            }
+          }, [createVNode(ElFocusTrap, {
+            "loop": true,
+            "trapped": true,
+            "focus-trap-el": wrapper,
+            "focus-start-el": "container",
+            "onFocusout-prevented": onFocusoutPrevented,
+            "onRelease-requested": onCloseRequested
+          }, {
+            default: () => [createVNode(_Mask, {
+              "onClick": () => props.hideOnClickModal && hide()
+            }, null), createVNode(_Close, {
+              "onClick": () => hide()
+            }, null), createVNode("video", {
+              "ref": "video",
+              "controls": true,
+              "src": props.src,
+              "class": `${prefixCls.value}-video`
+            }, null)]
+          })])]
+        })]
+      });
+    };
+  }
+});
 
-export { defaultVideoViewerProps };
+export { stdin_default as default };

package/components/video-viewer/video-viewer.style.d.ts

@@ -0,0 +1,4 @@
+declare const _default: (_prefixCls?: import("vue").ComputedRef<string> | string, themeManager?: import("../theme/theme-context").ThemeManager) => {
+    hashId: import("vue").Ref<string, string>;
+};
+export default _default;

package/components/video-viewer/{style/index.js → video-viewer.style.js}

@@ -1,6 +1,6 @@
-import { getStyleHook } from '../../theme/getStyleHook.js';
+import { getSimpleStyleHook } from '../theme/getSimpleStyleHook.js';
 
-const getVideoViewerStyle = (token) => {
+var stdin_default = getSimpleStyleHook("CoVideoViewer", (token) => {
   const { componentCls } = token;
   return {
     [componentCls]: {
@@ -19,9 +19,6 @@ const getVideoViewerStyle = (token) => {
       }
     }
   };
-};
-var stdin_default = getStyleHook("VideoViewer", (token) => {
-  return [getVideoViewerStyle(token)];
 });
 
 export { stdin_default as default };

package/config/root-config-provider.api.d.ts

@@ -0,0 +1,20 @@
+import { MapToken, SeedToken } from '../components/theme';
+import type { DerivativeFunc } from '../components/cssinjs';
+import { ExtractPropTypes } from 'vue';
+export declare const rootConfigProviderProps: {
+    prefixCls: {
+        type: StringConstructor;
+    };
+    theme: {
+        type: import("vue").PropType<import("../components").ThemeConfig>;
+    };
+    table: {
+        type: import("vue").PropType<import("../components").TableConfig>;
+    };
+    locale: {
+        type: import("vue").PropType<import("../locale").Language>;
+    };
+};
+export type RootConfigProviderProps = ExtractPropTypes<typeof rootConfigProviderProps>;
+export type ThemeName = '' | 'light' | 'dark' | 'compact';
+export declare const getAlgorithm: (themes?: ThemeName[]) => DerivativeFunc<SeedToken, MapToken>[];

package/config/root-config-provider.api.js

@@ -0,0 +1,21 @@
+import derivative from '../components/theme/themes/default/index.js';
+import stdin_default from '../components/theme/themes/dark/index.js';
+import stdin_default$1 from '../components/theme/themes/compact/index.js';
+import { configProviderProps } from '../components/config-provider/config-provider.api.js';
+
+const rootConfigProviderProps = {
+  ...configProviderProps
+};
+const getAlgorithm = (themes = []) => {
+  return themes.filter((theme) => !!theme).map((theme$) => {
+    if (theme$ === "dark") {
+      return stdin_default;
+    }
+    if (theme$ === "compact") {
+      return stdin_default$1;
+    }
+    return derivative;
+  });
+};
+
+export { getAlgorithm, rootConfigProviderProps };

package/config/root-config-provider.d.ts

@@ -1,7 +1,30 @@
-import { type ConfigProviderProps } from '../components/config-provider';
-import { MapToken, SeedToken } from '../components/theme';
-import type { DerivativeFunc } from '../components/cssinjs';
-export interface RootConfigProviderProps extends ConfigProviderProps {
-}
-export type ThemeName = '' | 'light' | 'dark' | 'compact';
-export declare const getAlgorithm: (themes?: ThemeName[]) => DerivativeFunc<SeedToken, MapToken>[];
+import 'element-plus/dist/index.css';
+import 'element-plus/theme-chalk/dark/css-vars.css';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    prefixCls: {
+        type: StringConstructor;
+    };
+    theme: {
+        type: import("vue").PropType<import("../components").ThemeConfig>;
+    };
+    table: {
+        type: import("vue").PropType<import("../components").TableConfig>;
+    };
+    locale: {
+        type: import("vue").PropType<import("../locale").Language>;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    prefixCls: {
+        type: StringConstructor;
+    };
+    theme: {
+        type: import("vue").PropType<import("../components").ThemeConfig>;
+    };
+    table: {
+        type: import("vue").PropType<import("../components").TableConfig>;
+    };
+    locale: {
+        type: import("vue").PropType<import("../locale").Language>;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;