cosey 0.1.0 → 0.1.1-1

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

@@ -0,0 +1,15 @@
+import { type MediaCardBaseProps } from '../media-card';
+import { type AudioViewerProps } from '../audio-viewer';
+export interface AudioCardProps extends MediaCardBaseProps, AudioViewerProps {
+}
+export declare const defaultAudioCardProps: {
+    size: "middle";
+    closeOnPressEscape: boolean;
+};
+export interface AudioCardEmits {
+    (e: 'open'): void;
+    (e: 'close'): void;
+}
+export interface AudioCardExpose {
+    view: () => void;
+}

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

@@ -0,0 +1,6 @@
+import { defaultMediaCardBaseProps, } from '../media-card';
+import { defaultAudioViewerProps, } from '../audio-viewer';
+export const defaultAudioCardProps = {
+    ...defaultAudioViewerProps,
+    ...defaultMediaCardBaseProps,
+};

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

@@ -0,0 +1,14 @@
+import { type AudioCardProps } from './audio-card';
+declare const _default: import("vue").DefineComponent<AudioCardProps, {
+    view: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    open: () => any;
+    close: () => any;
+}, string, import("vue").PublicProps, Readonly<AudioCardProps> & Readonly<{
+    onOpen?: (() => any) | undefined;
+    onClose?: (() => any) | undefined;
+}>, {
+    size: "mini" | "small" | "middle" | "large";
+    closeOnPressEscape: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,101 @@
+import { mergeDefaults as _mergeDefaults, defineComponent as _defineComponent } from "vue";
+import { unref as _unref, createVNode as _createVNode, toDisplayString as _toDisplayString, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, mergeProps as _mergeProps, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, Fragment as _Fragment, createElementBlock as _createElementBlock } from "vue";
+const _hoisted_1 = ["title"];
+import { ref } from "vue";
+import { defaultAudioCardProps } from "./audio-card";
+import { useLockscreen } from "element-plus";
+import { Icon } from "../icon";
+import { AudioViewer } from "../audio-viewer";
+import useStyle from "./style";
+import { useComponentConfig } from "../config-provider";
+export default /* @__PURE__ */_defineComponent({
+  ...{
+    name: "AudioCard",
+    inheritAttrs: false
+  },
+  __name: "audio-card",
+  props: /* @__PURE__ */_mergeDefaults({
+    src: {
+      type: String,
+      required: false
+    },
+    size: {
+      type: String,
+      required: false
+    },
+    name: {
+      type: String,
+      required: false
+    },
+    type: {
+      type: [String, Object],
+      required: false
+    },
+    title: {
+      type: String,
+      required: false
+    },
+    teleported: {
+      type: Boolean,
+      required: false
+    },
+    zIndex: {
+      type: Number,
+      required: false
+    },
+    closeOnPressEscape: {
+      type: Boolean,
+      required: false
+    },
+    hideOnClickModal: {
+      type: Boolean,
+      required: false
+    }
+  }, defaultAudioCardProps),
+  emits: ["open", "close"],
+  setup(__props, {
+    expose: __expose,
+    emit: __emit
+  }) {
+    const props = __props;
+    const emit = __emit;
+    const {
+      prefixCls
+    } = useComponentConfig("audio-card", props);
+    const {
+      hashId
+    } = useStyle(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 (_ctx, _cache) => {
+      return _openBlock(), _createElementBlock(_Fragment, null, [_createElementVNode("div", _mergeProps(_ctx.$attrs, {
+        class: [_unref(hashId), _unref(prefixCls), `is-${_ctx.size}`],
+        title: _ctx.title || _ctx.src,
+        onClick: openViewer
+      }), [_createVNode(_unref(Icon), {
+        name: "mdi:volume-high"
+      }), _createElementVNode("div", {
+        class: _normalizeClass([`${_unref(prefixCls)}-filename`])
+      }, _toDisplayString(_ctx.name), 3
+      /* TEXT, CLASS */)], 16, _hoisted_1), viewerVisible.value ? (_openBlock(), _createBlock(_unref(AudioViewer), {
+        key: 0,
+        src: _ctx.src,
+        onClose: closeViewer
+      }, null, 8, ["src"])) : _createCommentVNode("v-if", true)], 64
+      /* STABLE_FRAGMENT */);
+    };
+  }
+});

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

@@ -0,0 +1,46 @@
+export * from './audio-card';
+declare const _AudioCard: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./audio-card").AudioCardProps> & Readonly<{
+        onOpen?: (() => any) | undefined;
+        onClose?: (() => any) | undefined;
+    }>, {
+        view: () => void;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+        open: () => any;
+        close: () => any;
+    }, import("vue").PublicProps, {
+        size: "mini" | "small" | "middle" | "large";
+        closeOnPressEscape: boolean;
+    }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("./audio-card").AudioCardProps> & Readonly<{
+        onOpen?: (() => any) | undefined;
+        onClose?: (() => any) | undefined;
+    }>, {
+        view: () => void;
+    }, {}, {}, {}, {
+        size: "mini" | "small" | "middle" | "large";
+        closeOnPressEscape: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("./audio-card").AudioCardProps> & Readonly<{
+    onOpen?: (() => any) | undefined;
+    onClose?: (() => any) | undefined;
+}>, {
+    view: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    open: () => any;
+    close: () => any;
+}, string, {
+    size: "mini" | "small" | "middle" | "large";
+    closeOnPressEscape: 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

@@ -0,0 +1,6 @@
+import { withInstall } from '../utils';
+import AudioCard from './audio-card.vue';
+export * from './audio-card';
+const _AudioCard = withInstall(AudioCard);
+export { _AudioCard as AudioCard };
+export default _AudioCard;

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

@@ -0,0 +1,9 @@
+import { type FullToken } from '../../theme';
+export interface ComponentToken {
+}
+export interface AudioCardToken extends FullToken<'AudioCard'> {
+}
+declare const _default: (_prefixCls?: import("vue").ComputedRef<string> | string, theme?: import("vue").ComputedRef<import("../..").ThemeConfig | undefined>) => {
+    hashId: import("vue").Ref<string, string>;
+};
+export default _default;

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

@@ -0,0 +1,16 @@
+import { getStyleHook } from '../../theme';
+import { getMediaCardFileNameStyle, getMediaCardStyle, } from '../../media-card/style';
+const getAudioCardStyle = (token) => {
+    const { componentCls } = token;
+    return {
+        [componentCls]: {
+            ...getMediaCardStyle(token),
+            ...getMediaCardFileNameStyle(token),
+            cursor: 'pointer',
+            background: token.colorFillTertiary,
+        },
+    };
+};
+export default getStyleHook('AudioCard', (token) => {
+    return [getAudioCardStyle(token)];
+});

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

@@ -0,0 +1,12 @@
+import { type MediaViewerBaseProps } from '../media-viewer';
+export interface AudioViewerProps extends MediaViewerBaseProps {
+}
+export declare const defaultAudioViewerProps: {
+    closeOnPressEscape: boolean;
+};
+export interface AudioViewerSlots {
+    default?: (props: Record<string, never>) => any;
+}
+export interface AudioViewerEmits {
+    (e: 'close'): void;
+}

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

@@ -0,0 +1,4 @@
+import { defaultMediaViewerBaseProps, } from '../media-viewer';
+export const defaultAudioViewerProps = {
+    ...defaultMediaViewerBaseProps,
+};

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

@@ -0,0 +1,16 @@
+import { type AudioViewerProps, type AudioViewerSlots } from './audio-viewer';
+type __VLS_Slots = AudioViewerSlots;
+declare const __VLS_component: import("vue").DefineComponent<AudioViewerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    close: () => any;
+}, string, import("vue").PublicProps, Readonly<AudioViewerProps> & Readonly<{
+    onClose?: (() => any) | undefined;
+}>, {
+    closeOnPressEscape: boolean;
+}, {}, {}, {}, 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/components/audio-viewer/audio-viewer.vue.js

@@ -0,0 +1,123 @@
+import { mergeDefaults as _mergeDefaults, defineComponent as _defineComponent } from "vue";
+import { unref as _unref, createVNode as _createVNode, createElementVNode as _createElementVNode, withCtx as _withCtx, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, Transition as _Transition, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+const _hoisted_1 = ["src"];
+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 { defaultAudioViewerProps } from "./audio-viewer";
+import { onBeforeUnmount, onMounted, ref, useTemplateRef } from "vue";
+import { Mask } from "../mask";
+import { Close } from "../close";
+import useStyle from "./style";
+import { useComponentConfig } from "../config-provider";
+export default /* @__PURE__ */_defineComponent({
+  ...{
+    name: "AudioViewer"
+  },
+  __name: "audio-viewer",
+  props: /* @__PURE__ */_mergeDefaults({
+    teleported: {
+      type: Boolean,
+      required: false
+    },
+    zIndex: {
+      type: Number,
+      required: false
+    },
+    closeOnPressEscape: {
+      type: Boolean,
+      required: false
+    },
+    hideOnClickModal: {
+      type: Boolean,
+      required: false
+    },
+    src: {
+      type: String,
+      required: false
+    }
+  }, defaultAudioViewerProps),
+  emits: ["close"],
+  setup(__props, {
+    emit: __emit
+  }) {
+    const props = __props;
+    const emit = __emit;
+    const {
+      prefixCls
+    } = useComponentConfig("audio-viewer", props);
+    const {
+      hashId
+    } = useStyle(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 (_ctx, _cache) => {
+      return _openBlock(), _createBlock(_unref(ElTeleport), {
+        to: "body",
+        disabled: !_ctx.teleported
+      }, {
+        default: _withCtx(() => [_createVNode(_Transition, {
+          name: "co-viewer-fade",
+          appear: ""
+        }, {
+          default: _withCtx(() => [_createElementVNode("div", {
+            ref_key: "wrapper",
+            ref: wrapper,
+            tabindex: -1,
+            class: _normalizeClass([_unref(hashId), _unref(prefixCls)]),
+            style: _normalizeStyle({
+              zIndex: zIndex.value
+            })
+          }, [_createVNode(_unref(ElFocusTrap), {
+            loop: "",
+            trapped: "",
+            "focus-trap-el": wrapper.value,
+            "focus-start-el": "container",
+            onFocusoutPrevented,
+            onReleaseRequested: onCloseRequested
+          }, {
+            default: _withCtx(() => [_createVNode(_unref(Mask), {
+              onClick: _cache[0] || (_cache[0] = $event => _ctx.hideOnClickModal && hide())
+            }), _createVNode(_unref(Close), {
+              onClick: hide
+            }), _createElementVNode("audio", {
+              ref: "audio",
+              controls: "",
+              src: _ctx.src
+            }, null, 8, _hoisted_1)]),
+            _: 1
+            /* STABLE */
+          }, 8, ["focus-trap-el"])], 6
+          /* CLASS, STYLE */)]),
+          _: 1
+          /* STABLE */
+        })]),
+        _: 1
+        /* STABLE */
+      }, 8, ["disabled"]);
+    };
+  }
+});

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

@@ -0,0 +1,34 @@
+export * from './audio-viewer';
+declare const _AudioViewer: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./audio-viewer").AudioViewerProps> & Readonly<{
+        onClose?: (() => any) | undefined;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+        close: () => any;
+    }, import("vue").PublicProps, {
+        closeOnPressEscape: boolean;
+    }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("./audio-viewer").AudioViewerProps> & Readonly<{
+        onClose?: (() => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        closeOnPressEscape: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("./audio-viewer").AudioViewerProps> & Readonly<{
+    onClose?: (() => any) | undefined;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    close: () => any;
+}, string, {
+    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("./audio-viewer").AudioViewerSlots;
+}) & import("vue").Plugin;
+export { _AudioViewer as AudioViewer };
+export default _AudioViewer;

package/components/audio-viewer/index.js

@@ -0,0 +1,6 @@
+import { withInstall } from '../utils';
+import AudioViewer from './audio-viewer.vue';
+export * from './audio-viewer';
+const _AudioViewer = withInstall(AudioViewer);
+export { _AudioViewer as AudioViewer };
+export default _AudioViewer;

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

@@ -0,0 +1,9 @@
+import { type FullToken } from '../../theme';
+export interface ComponentToken {
+}
+export interface AudioViewerToken extends FullToken<'AudioViewer'> {
+}
+declare const _default: (_prefixCls?: import("vue").ComputedRef<string> | string, theme?: import("vue").ComputedRef<import("../..").ThemeConfig | undefined>) => {
+    hashId: import("vue").Ref<string, string>;
+};
+export default _default;

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

@@ -0,0 +1,19 @@
+import { getStyleHook } from '../../theme';
+const getAudioViewerStyle = (token) => {
+    const { componentCls } = token;
+    return {
+        [componentCls]: {
+            position: 'fixed',
+            inset: 0,
+            display: 'flex',
+            justifyContent: 'center',
+            alignItems: 'center',
+            '&:focus': {
+                outline: 'none',
+            },
+        },
+    };
+};
+export default getStyleHook('AudioViewer', (token) => {
+    return [getAudioViewerStyle(token)];
+});

package/components/close/close.d.ts

@@ -0,0 +1,2 @@
+export interface CloseProps {
+}

package/components/close/close.js

@@ -0,0 +1 @@
+export {};

package/components/close/close.vue.d.ts

@@ -0,0 +1,3 @@
+import { type CloseProps } from './close';
+declare const _default: import("vue").DefineComponent<CloseProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CloseProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/components/close/close.vue.js

@@ -0,0 +1,28 @@
+import { defineComponent as _defineComponent } from "vue";
+import { unref as _unref, createVNode as _createVNode, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+import { Icon } from "../icon";
+import useStyle from "./style";
+import { useComponentConfig } from "../config-provider";
+export default /* @__PURE__ */_defineComponent({
+  ...{
+    name: "Close"
+  },
+  __name: "close",
+  setup(__props) {
+    const props = __props;
+    const {
+      prefixCls
+    } = useComponentConfig("close", props);
+    const {
+      hashId
+    } = useStyle(prefixCls);
+    return (_ctx, _cache) => {
+      return _openBlock(), _createElementBlock("span", {
+        class: _normalizeClass([_unref(hashId), _unref(prefixCls)])
+      }, [_createVNode(_unref(Icon), {
+        name: "mdi:close"
+      })], 2
+      /* CLASS */);
+    };
+  }
+});

package/components/close/index.d.ts

@@ -0,0 +1,16 @@
+export * from './close';
+declare const _Close: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./close").CloseProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("./close").CloseProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("./close").CloseProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin;
+export { _Close as Close };
+export default _Close;

package/components/close/index.js

@@ -0,0 +1,6 @@
+import { withInstall } from '../utils';
+import Close from './close.vue';
+export * from './close';
+const _Close = withInstall(Close);
+export { _Close as Close };
+export default _Close;

package/components/close/style/index.d.ts

@@ -0,0 +1,9 @@
+import { type FullToken } from '../../theme';
+export interface ComponentToken {
+}
+export interface CloseToken extends FullToken<'Close'> {
+}
+declare const _default: (_prefixCls?: import("vue").ComputedRef<string> | string, theme?: import("vue").ComputedRef<import("../..").ThemeConfig | undefined>) => {
+    hashId: import("vue").Ref<string, string>;
+};
+export default _default;

package/components/close/style/index.js

@@ -0,0 +1,28 @@
+import { getStyleHook } from '../../theme';
+const getCloseStyle = (token) => {
+    const { componentCls } = token;
+    return {
+        [componentCls]: {
+            position: 'absolute',
+            top: 40,
+            right: 40,
+            zIndex: 10,
+            boxSizing: 'border-box',
+            display: 'flex',
+            width: 44,
+            height: 44,
+            justifyContent: 'center',
+            alignItems: 'center',
+            fontSize: token.fontSizeHeading3,
+            color: token.colorWhite,
+            borderRadius: '50%',
+            backgroundColor: token.colorTextSecondary,
+            opacity: 0.8,
+            cursor: 'pointer',
+            userSelect: 'none',
+        },
+    };
+};
+export default getStyleHook('Close', (token) => {
+    return [getCloseStyle(token)];
+});

package/components/col/col.d.ts

@@ -0,0 +1,30 @@
+export type ColSizeObject = {
+    span?: number;
+    offset?: number;
+    pull?: number;
+    push?: number;
+};
+export type ColSize = number | ColSizeObject;
+export interface ColProps {
+    tag?: string;
+    span?: number;
+    offset?: number;
+    pull?: number;
+    push?: number;
+    xs?: ColSize;
+    sm?: ColSize;
+    md?: ColSize;
+    lg?: ColSize;
+    xl?: ColSize;
+    xxl?: ColSize;
+}
+export declare const defaultColProps: {
+    tag: string;
+    span: number;
+    offset: number;
+    pull: number;
+    push: number;
+};
+export interface ColSlots {
+    default?: (props: Record<string, never>) => any;
+}

package/components/col/col.js

@@ -0,0 +1,8 @@
+import { rowColumns } from '../row';
+export const defaultColProps = {
+    tag: 'div',
+    span: rowColumns,
+    offset: 0,
+    pull: 0,
+    push: 0,
+};

package/components/col/col.vue.d.ts

@@ -0,0 +1,16 @@
+import { type ColSlots, type ColProps } from './col';
+type __VLS_Slots = ColSlots;
+declare const __VLS_component: import("vue").DefineComponent<ColProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColProps> & Readonly<{}>, {
+    push: number;
+    offset: number;
+    span: number;
+    tag: string;
+    pull: number;
+}, {}, {}, {}, 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;
+    };
+};