cosey 0.5.0 → 0.5.2

package/components/audio-card/audio-card.api.d.ts

@@ -0,0 +1,44 @@
+import { type ExtractPropTypes } from 'vue';
+export declare const audioCardProps: {
+    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[]>;
+    };
+};
+export type AudioCardProps = ExtractPropTypes<typeof audioCardProps>;
+export declare const audioCardEmits: {
+    open: () => boolean;
+    close: () => boolean;
+};
+export type AudioCardEmits = typeof audioCardEmits;
+export interface AudioCardExpose {
+    view: () => void;
+}

package/components/audio-card/audio-card.api.js

@@ -0,0 +1,13 @@
+import { mediaCardBaseProps } from '../media-card/media-card.api.js';
+import { audioViewerProps } from '../audio-viewer/audio-viewer.api.js';
+
+const audioCardProps = {
+  ...mediaCardBaseProps,
+  ...audioViewerProps
+};
+const audioCardEmits = {
+  open: () => true,
+  close: () => true
+};
+
+export { audioCardEmits, audioCardProps };

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

@@ -1,15 +1,79 @@
-import { type MediaCardBaseProps } from '../media-card/media-card';
-import { type AudioViewerProps } from '../audio-viewer/audio-viewer';
-export interface AudioCardProps extends MediaCardBaseProps, AudioViewerProps {
-}
-export declare const defaultAudioCardProps: {
-    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 AudioCardEmits {
-    (e: 'open'): void;
-    (e: 'close'): void;
-}
-export interface AudioCardExpose {
-    view: () => void;
-}
+    hideOnClickModal: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/components/audio-card/audio-card.js

@@ -1,9 +1,57 @@
-import { defaultMediaCardBaseProps } from '../media-card/media-card.js';
-import { defaultAudioViewerProps } from '../audio-viewer/audio-viewer.js';
+import { defineComponent, ref, createVNode, Fragment, mergeProps } from 'vue';
+import { useLockscreen } from 'element-plus';
+import { audioCardEmits, audioCardProps } from './audio-card.api.js';
+import stdin_default$2 from '../icon/icon.vue.js';
+import stdin_default$3 from '../audio-viewer/audio-viewer.js';
+import stdin_default$1 from './audio-card.style.js';
+import { useComponentConfig } from '../config-provider/config-provider.api.js';
 
-const defaultAudioCardProps = {
-  ...defaultAudioViewerProps,
-  ...defaultMediaCardBaseProps
-};
+var stdin_default = defineComponent({
+  name: "CoAudioCard",
+  inheritAttrs: false,
+  props: audioCardProps,
+  emits: audioCardEmits,
+  setup(props, {
+    attrs,
+    emit,
+    expose
+  }) {
+    const {
+      prefixCls
+    } = useComponentConfig("audio-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");
+    }
+    expose({
+      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(stdin_default$2, {
+        "name": "co:volume-up"
+      }, null), createVNode("div", {
+        "class": [`${prefixCls.value}-filename`]
+      }, [props.name])]), viewerVisible.value && createVNode(stdin_default$3, {
+        "src": props.src,
+        "onClose": () => closeViewer()
+      }, null)]);
+    };
+  }
+});
 
-export { defaultAudioCardProps };
+export { stdin_default as default };

package/components/{stack-dialog/style/index.d.ts → audio-card/audio-card.style.d.ts}

@@ -1,4 +1,4 @@
-declare const _default: (_prefixCls?: import("vue").ComputedRef<string> | string, themeManager?: import("../../theme/theme-context").ThemeManager) => {
+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/audio-card/{style/index.js → audio-card.style.js}

@@ -1,7 +1,7 @@
-import { getStyleHook } from '../../theme/getStyleHook.js';
-import { getMediaCardFileNameStyle, getMediaCardStyle } from '../../media-card/style/index.js';
+import { getSimpleStyleHook } from '../theme/getSimpleStyleHook.js';
+import { getMediaCardFileNameStyle, getMediaCardStyle } from '../media-card/media-card.style.js';
 
-const getAudioCardStyle = (token) => {
+var stdin_default = getSimpleStyleHook("CoAudioCard", (token) => {
   const { componentCls } = token;
   return {
     [componentCls]: {
@@ -11,9 +11,6 @@ const getAudioCardStyle = (token) => {
       background: token.colorFillTertiary
     }
   };
-};
-var stdin_default = getStyleHook("AudioCard", (token) => {
-  return [getAudioCardStyle(token)];
 });
 
 export { stdin_default as default };

package/components/audio-card/index.d.ts

@@ -1,46 +1,145 @@
-export * from './audio-card';
+export * from './audio-card.api';
 declare const _AudioCard: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./audio-card").AudioCardProps> & 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;
+        };
+        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;
-    }>, {
-        view: () => void;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-        open: () => any;
-        close: () => any;
+    }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        open: () => boolean;
+        close: () => boolean;
     }, import("vue").PublicProps, {
-        size: "mini" | "small" | "middle" | "large";
+        size: "large" | "small" | "middle" | "mini";
+        teleported: boolean;
         closeOnPressEscape: boolean;
-    }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        hideOnClickModal: boolean;
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import("./audio-card").AudioCardProps> & Readonly<{
+    }, 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;
-    }>, {
-        view: () => void;
-    }, {}, {}, {}, {
-        size: "mini" | "small" | "middle" | "large";
+    }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
+        size: "large" | "small" | "middle" | "mini";
+        teleported: boolean;
         closeOnPressEscape: boolean;
+        hideOnClickModal: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("./audio-card").AudioCardProps> & 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;
+    };
+    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;
-}>, {
-    view: () => void;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    open: () => any;
-    close: () => any;
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    open: () => boolean;
+    close: () => boolean;
 }, string, {
-    size: "mini" | "small" | "middle" | "large";
+    size: "large" | "small" | "middle" | "mini";
+    teleported: boolean;
     closeOnPressEscape: boolean;
+    hideOnClickModal: boolean;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin;
 export { _AudioCard as AudioCard };
 export default _AudioCard;

package/components/audio-card/index.js

@@ -1,6 +1,6 @@
 import { withInstall } from '../utils.js';
-import stdin_default$1 from './audio-card.vue.js';
-export { defaultAudioCardProps } from './audio-card.js';
+import stdin_default$1 from './audio-card.js';
+export { audioCardEmits, audioCardProps } from './audio-card.api.js';
 
 const _AudioCard = withInstall(stdin_default$1);
 var stdin_default = _AudioCard;

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

@@ -0,0 +1,28 @@
+import { ExtractPropTypes, SlotsType } from 'vue';
+import { MediaViewerSlots } from '../media-viewer/media-viewer.api';
+export declare const audioViewerProps: {
+    teleported: {
+        type: BooleanConstructor;
+    };
+    zIndex: {
+        type: NumberConstructor;
+    };
+    closeOnPressEscape: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hideOnClickModal: {
+        type: BooleanConstructor;
+    };
+    src: {
+        type: StringConstructor;
+    };
+};
+export type AudioViewerProps = ExtractPropTypes<typeof audioViewerProps>;
+export interface AudioViewerSlots extends MediaViewerSlots {
+}
+export declare const audioViewerSlots: SlotsType<AudioViewerSlots>;
+export declare const audioViewerEmits: {
+    close: () => boolean;
+};
+export type AudioViewerEmits = typeof audioViewerEmits;

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

@@ -0,0 +1,11 @@
+import { mediaViewerBaseEmits, mediaViewerBaseProps } from '../media-viewer/media-viewer.api.js';
+
+const audioViewerProps = {
+  ...mediaViewerBaseProps
+};
+const audioViewerSlots = Object;
+const audioViewerEmits = {
+  ...mediaViewerBaseEmits
+};
+
+export { audioViewerEmits, audioViewerProps, audioViewerSlots };

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

@@ -1,12 +1,44 @@
-import { type MediaViewerBaseProps } from '../media-viewer/media-viewer';
-export interface AudioViewerProps extends MediaViewerBaseProps {
-}
-export declare const defaultAudioViewerProps: {
+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 AudioViewerSlots {
-    default?: (props: Record<string, never>) => any;
-}
-export interface AudioViewerEmits {
-    (e: 'close'): void;
-}
+    hideOnClickModal: boolean;
+}, import("vue").SlotsType<import("./audio-viewer.api").AudioViewerSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/components/audio-viewer/audio-viewer.js

@@ -1,7 +1,90 @@
-import { defaultMediaViewerBaseProps } from '../media-viewer/media-viewer.js';
+import { defineComponent, ref, useTemplateRef, onMounted, onBeforeUnmount, createVNode, resolveComponent } 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 { audioViewerEmits, audioViewerSlots, audioViewerProps } from './audio-viewer.api.js';
+import { Mask as _Mask } from '../mask/index.js';
+import { Close as _Close } from '../close/index.js';
+import stdin_default$1 from './audio-viewer.style.js';
+import { useComponentConfig } from '../config-provider/config-provider.api.js';
 
-const defaultAudioViewerProps = {
-  ...defaultMediaViewerBaseProps
-};
+var stdin_default = defineComponent({
+  name: "CoAudioViewer",
+  props: audioViewerProps,
+  slots: audioViewerSlots,
+  emits: audioViewerEmits,
+  setup(props, {
+    emit
+  }) {
+    const {
+      prefixCls
+    } = useComponentConfig("audio-viewer", props);
+    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 audioRef = useTemplateRef("audio");
+    onMounted(() => {
+      audioRef.value?.play();
+    });
+    onBeforeUnmount(() => {
+      audioRef.value?.pause();
+    });
+    return () => {
+      return createVNode(ElTeleport, {
+        "to": "body",
+        "disabled": !props.teleported
+      }, {
+        default: () => [createVNode(resolveComponent("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("audio", {
+              "ref": "audio",
+              "controls": true,
+              "src": props.src
+            }, null)]
+          })])]
+        })]
+      });
+    };
+  }
+});
 
-export { defaultAudioViewerProps };
+export { stdin_default as default };

package/components/{transition/style/index.d.ts → audio-viewer/audio-viewer.style.d.ts}

@@ -1,4 +1,4 @@
-declare const _default: (_prefixCls?: import("vue").ComputedRef<string> | string, themeManager?: import("../../theme/theme-context").ThemeManager) => {
+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/audio-viewer/{style/index.js → audio-viewer.style.js}

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