cosey 0.5.16 → 0.6.1

package/components/media-viewer/media-viewer-dialog.api.d.ts

@@ -0,0 +1,21 @@
+import { type ExtractPropTypes } from 'vue';
+export declare const mediaViewerDialogProps: {
+    teleported: {
+        type: BooleanConstructor;
+    };
+    closeOnPressEscape: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hideOnClickModal: {
+        type: BooleanConstructor;
+    };
+};
+export type MediaViewerDialogProps = ExtractPropTypes<typeof mediaViewerDialogProps>;
+export type MediaViewerDialogSlots = {
+    default: {};
+};
+export declare const mediaViewerDialogEmits: {
+    close: () => boolean;
+};
+export type MediaViewerDialogEmits = typeof mediaViewerDialogEmits;

package/components/media-viewer/media-viewer-dialog.api.js

@@ -0,0 +1,17 @@
+const mediaViewerDialogProps = {
+  teleported: {
+    type: Boolean
+  },
+  closeOnPressEscape: {
+    type: Boolean,
+    default: true
+  },
+  hideOnClickModal: {
+    type: Boolean
+  }
+};
+const mediaViewerDialogEmits = {
+  close: () => true
+};
+
+export { mediaViewerDialogEmits, mediaViewerDialogProps };

package/components/media-viewer/media-viewer-dialog.d.ts

@@ -0,0 +1,31 @@
+export declare const MediaViewerDialog: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    teleported: {
+        type: BooleanConstructor;
+    };
+    closeOnPressEscape: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hideOnClickModal: {
+        type: BooleanConstructor;
+    };
+}>, () => 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;
+    };
+    closeOnPressEscape: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hideOnClickModal: {
+        type: BooleanConstructor;
+    };
+}>> & Readonly<{
+    onClose?: (() => any) | undefined;
+}>, {
+    teleported: boolean;
+    closeOnPressEscape: boolean;
+    hideOnClickModal: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/components/media-viewer/media-viewer-dialog.js

@@ -0,0 +1,82 @@
+import { defineComponent, ref, createVNode } from 'vue';
+import ElTeleport from 'element-plus/es/components/teleport/index.mjs';
+import ElFocusTrap from 'element-plus/es/components/focus-trap/index.mjs';
+import stdin_default$2 from '../mask/mask.js';
+import stdin_default$3 from '../close/close.js';
+import stdin_default from './media-viewer-dialog.style.js';
+import { useZIndex } from 'element-plus';
+import { mediaViewerDialogEmits, mediaViewerDialogProps } from './media-viewer-dialog.api.js';
+import stdin_default$1 from '../transition/transition.js';
+import { useComponentConfig } from '../config-provider/config-provider.api.js';
+
+const MediaViewerDialog = defineComponent({
+  name: "CoMediaViewerDialog",
+  props: mediaViewerDialogProps,
+  emits: mediaViewerDialogEmits,
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const {
+      prefixCls
+    } = useComponentConfig("media-viewer-dialog", props);
+    const {
+      hashId
+    } = stdin_default(prefixCls);
+    const {
+      nextZIndex
+    } = useZIndex();
+    const wrapper = ref();
+    const zIndex = ref(nextZIndex());
+    function onFocusoutPrevented(event) {
+      if (event.detail?.focusReason === "pointer") {
+        event.preventDefault();
+      }
+    }
+    function onCloseRequested() {
+      if (props.closeOnPressEscape) {
+        hide();
+      }
+    }
+    function hide() {
+      emit("close");
+    }
+    return () => {
+      return createVNode(ElTeleport, {
+        "to": "body",
+        "disabled": !props.teleported
+      }, {
+        default: () => [createVNode(stdin_default$1, {
+          "name": "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.value,
+            "focus-start-el": "container",
+            "onFocusout-prevented": onFocusoutPrevented,
+            "onRelease-requested": onCloseRequested
+          }, {
+            default: () => [createVNode(stdin_default$2, {
+              "onClick": () => props.hideOnClickModal && hide()
+            }, null), createVNode(stdin_default$3, {
+              "onClick": () => hide()
+            }, null), createVNode("div", {
+              "class": `${prefixCls.value}-content`
+            }, [slots.default?.()])]
+          })])]
+        })]
+      });
+    };
+  }
+});
+
+export { MediaViewerDialog };

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

@@ -1,21 +1,23 @@
 import { getSimpleStyleHook } from '../theme/getSimpleStyleHook.js';
 
-var stdin_default = getSimpleStyleHook("CoVideoViewer", (token) => {
+var stdin_default = getSimpleStyleHook("CoMediaViewerDialog", (token) => {
   const { componentCls } = token;
   return {
     [componentCls]: {
       position: "fixed",
       inset: 0,
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
       "&:focus": {
         outline: "none"
       },
-      [`${componentCls}-video`]: {
+      [`${componentCls}-content`]: {
+        position: "relative",
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
         width: "100%",
         height: "100%",
-        backgroundColor: "black"
+        overflowY: "auto",
+        overflowX: "hidden"
       }
     }
   };

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

@@ -1,11 +1,11 @@
 import { type ExtractPropTypes } from 'vue';
 export declare const mediaViewerBaseProps: {
+    src: {
+        type: StringConstructor;
+    };
     teleported: {
         type: BooleanConstructor;
     };
-    zIndex: {
-        type: NumberConstructor;
-    };
     closeOnPressEscape: {
         type: BooleanConstructor;
         default: boolean;
@@ -13,18 +13,15 @@ export declare const mediaViewerBaseProps: {
     hideOnClickModal: {
         type: BooleanConstructor;
     };
-    src: {
-        type: StringConstructor;
-    };
 };
 export type MediaViewerBaseProps = ExtractPropTypes<typeof mediaViewerBaseProps>;
 export declare const mediaViewerProps: {
+    src: {
+        type: StringConstructor;
+    };
     teleported: {
         type: BooleanConstructor;
     };
-    zIndex: {
-        type: NumberConstructor;
-    };
     closeOnPressEscape: {
         type: BooleanConstructor;
         default: boolean;
@@ -32,9 +29,6 @@ export declare const mediaViewerProps: {
     hideOnClickModal: {
         type: BooleanConstructor;
     };
-    src: {
-        type: StringConstructor;
-    };
 };
 export type MediaViewerProps = ExtractPropTypes<typeof mediaViewerProps>;
 export type MediaViewerSlots = {

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

@@ -1,24 +1,14 @@
+import { mediaViewerDialogEmits, mediaViewerDialogProps } from './media-viewer-dialog.api.js';
+
 const mediaViewerBaseProps = {
-  teleported: {
-    type: Boolean
-  },
-  zIndex: {
-    type: Number
-  },
-  closeOnPressEscape: {
-    type: Boolean,
-    default: true
-  },
-  hideOnClickModal: {
-    type: Boolean
-  },
+  ...mediaViewerDialogProps,
   src: {
     type: String
   }
 };
 const mediaViewerProps = mediaViewerBaseProps;
 const mediaViewerBaseEmits = {
-  close: () => true
+  ...mediaViewerDialogEmits
 };
 const mediaViewerEmits = {
   ...mediaViewerBaseEmits

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

@@ -1,12 +1,12 @@
 import { type SlotsType } from 'vue';
 import { type MediaViewerSlots } from './media-viewer.api';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    src: {
+        type: StringConstructor;
+    };
     teleported: {
         type: BooleanConstructor;
     };
-    zIndex: {
-        type: NumberConstructor;
-    };
     closeOnPressEscape: {
         type: BooleanConstructor;
         default: boolean;
@@ -14,18 +14,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     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<{
+    src: {
+        type: StringConstructor;
+    };
     teleported: {
         type: BooleanConstructor;
     };
-    zIndex: {
-        type: NumberConstructor;
-    };
     closeOnPressEscape: {
         type: BooleanConstructor;
         default: boolean;
@@ -33,9 +30,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     hideOnClickModal: {
         type: BooleanConstructor;
     };
-    src: {
-        type: StringConstructor;
-    };
 }>> & Readonly<{
     onClose?: (() => any) | undefined;
 }>, {

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

@@ -0,0 +1,136 @@
+export * from './svga-card.api';
+declare const _SvgaCard: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        src: {
+            type: StringConstructor;
+        };
+        teleported: {
+            type: BooleanConstructor;
+        };
+        closeOnPressEscape: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        hideOnClickModal: {
+            type: BooleanConstructor;
+        };
+        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;
+    }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        open: () => boolean;
+        close: () => boolean;
+    }, import("vue").PublicProps, {
+        size: "large" | "small" | "middle" | "mini";
+        teleported: boolean;
+        closeOnPressEscape: boolean;
+        hideOnClickModal: boolean;
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        src: {
+            type: StringConstructor;
+        };
+        teleported: {
+            type: BooleanConstructor;
+        };
+        closeOnPressEscape: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        hideOnClickModal: {
+            type: BooleanConstructor;
+        };
+        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;
+    }>, () => 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("vue").ExtractPropTypes<{
+    src: {
+        type: StringConstructor;
+    };
+    teleported: {
+        type: BooleanConstructor;
+    };
+    closeOnPressEscape: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hideOnClickModal: {
+        type: BooleanConstructor;
+    };
+    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;
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    open: () => boolean;
+    close: () => boolean;
+}, string, {
+    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 { _SvgaCard as SvgaCard };
+export default _SvgaCard;

package/components/svga-card/index.js

@@ -0,0 +1,8 @@
+import { withInstall } from '../utils.js';
+import stdin_default$1 from './svga-card.js';
+export { svgaCardEmits, svgaCardProps } from './svga-card.api.js';
+
+const _SvgaCard = withInstall(stdin_default$1);
+var stdin_default = _SvgaCard;
+
+export { _SvgaCard as SvgaCard, stdin_default as default };

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

@@ -0,0 +1,41 @@
+import { type ExtractPropTypes } from 'vue';
+export declare const svgaCardProps: {
+    src: {
+        type: StringConstructor;
+    };
+    teleported: {
+        type: BooleanConstructor;
+    };
+    closeOnPressEscape: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hideOnClickModal: {
+        type: BooleanConstructor;
+    };
+    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 SvgaCardProps = ExtractPropTypes<typeof svgaCardProps>;
+export declare const svgaCardEmits: {
+    open: () => boolean;
+    close: () => boolean;
+};
+export type SvgaCardEmits = typeof svgaCardEmits;
+export interface SvgaCardExpose {
+    view: () => void;
+}

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

@@ -0,0 +1,13 @@
+import { mediaCardBaseProps } from '../media-card/media-card.api.js';
+import { svgaViewerProps } from '../svga-viewer/svga-viewer.api.js';
+
+const svgaCardProps = {
+  ...mediaCardBaseProps,
+  ...svgaViewerProps
+};
+const svgaCardEmits = {
+  open: () => true,
+  close: () => true
+};
+
+export { svgaCardEmits, svgaCardProps };

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

@@ -0,0 +1,73 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    src: {
+        type: StringConstructor;
+    };
+    teleported: {
+        type: BooleanConstructor;
+    };
+    closeOnPressEscape: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hideOnClickModal: {
+        type: BooleanConstructor;
+    };
+    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<{
+    src: {
+        type: StringConstructor;
+    };
+    teleported: {
+        type: BooleanConstructor;
+    };
+    closeOnPressEscape: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hideOnClickModal: {
+        type: BooleanConstructor;
+    };
+    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;
+    hideOnClickModal: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/components/svga-card/svga-card.js

@@ -0,0 +1,56 @@
+import { defineComponent, ref, createVNode, Fragment, mergeProps, createTextVNode } from 'vue';
+import { useLockscreen } from 'element-plus';
+import { svgaCardEmits, svgaCardProps } from './svga-card.api.js';
+import stdin_default$2 from '../svga-viewer/svga-viewer.js';
+import stdin_default$1 from './svga-card.style.js';
+import { useComponentConfig } from '../config-provider/config-provider.api.js';
+
+var stdin_default = defineComponent({
+  name: "CoSvgaCard",
+  inheritAttrs: false,
+  props: svgaCardProps,
+  emits: svgaCardEmits,
+  setup(props, {
+    attrs,
+    emit,
+    expose
+  }) {
+    const {
+      prefixCls
+    } = useComponentConfig("svga-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("div", {
+        "class": `${prefixCls.value}-type`
+      }, [createTextVNode("svga")]), createVNode("div", {
+        "class": `${prefixCls.value}-filename`
+      }, [props.name])]), viewerVisible.value && createVNode(stdin_default$2, {
+        "src": props.src,
+        "onClose": () => closeViewer()
+      }, null)]);
+    };
+  }
+});
+
+export { stdin_default as default };

package/components/svga-card/svga-card.style.js

@@ -0,0 +1,17 @@
+import { getSimpleStyleHook } from '../theme/getSimpleStyleHook.js';
+import { getMediaCardFileTypeStyle, getMediaCardFileNameStyle, getMediaCardStyle } from '../media-card/media-card.style.js';
+
+var stdin_default = getSimpleStyleHook("CoSvgaCard", (token) => {
+  const { componentCls } = token;
+  return {
+    [componentCls]: {
+      ...getMediaCardStyle(token),
+      ...getMediaCardFileNameStyle(token),
+      ...getMediaCardFileTypeStyle(token),
+      cursor: "pointer",
+      background: token.colorFillTertiary
+    }
+  };
+});
+
+export { stdin_default as default };