cosey 0.5.16 → 0.6.0

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

@@ -13,7 +13,8 @@ var stdin_default = defineComponent({
   emits: videoCardEmits,
   setup(props, {
     emit,
-    attrs
+    attrs,
+    expose
   }) {
     const {
       prefixCls
@@ -31,7 +32,7 @@ var stdin_default = defineComponent({
       viewerVisible.value = false;
       emit("close");
     }
-    defineExpose({
+    expose({
       view() {
         openViewer();
       }

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

@@ -1,12 +1,12 @@
 export * from './video-viewer';
 declare const _VideoViewer: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        src: {
+            type: StringConstructor;
+        };
         teleported: {
             type: BooleanConstructor;
         };
-        zIndex: {
-            type: NumberConstructor;
-        };
         closeOnPressEscape: {
             type: BooleanConstructor;
             default: boolean;
@@ -14,9 +14,6 @@ declare const _VideoViewer: {
         hideOnClickModal: {
             type: BooleanConstructor;
         };
-        src: {
-            type: StringConstructor;
-        };
     }>> & Readonly<{
         onClose?: (() => any) | undefined;
     }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -33,12 +30,12 @@ declare const _VideoViewer: {
         M: {};
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
+        src: {
+            type: StringConstructor;
+        };
         teleported: {
             type: BooleanConstructor;
         };
-        zIndex: {
-            type: NumberConstructor;
-        };
         closeOnPressEscape: {
             type: BooleanConstructor;
             default: boolean;
@@ -46,9 +43,6 @@ declare const _VideoViewer: {
         hideOnClickModal: {
             type: BooleanConstructor;
         };
-        src: {
-            type: StringConstructor;
-        };
     }>> & Readonly<{
         onClose?: (() => any) | undefined;
     }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
@@ -60,12 +54,12 @@ declare const _VideoViewer: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    src: {
+        type: StringConstructor;
+    };
     teleported: {
         type: BooleanConstructor;
     };
-    zIndex: {
-        type: NumberConstructor;
-    };
     closeOnPressEscape: {
         type: BooleanConstructor;
         default: boolean;
@@ -73,9 +67,6 @@ declare const _VideoViewer: {
     hideOnClickModal: {
         type: BooleanConstructor;
     };
-    src: {
-        type: StringConstructor;
-    };
 }>> & Readonly<{
     onClose?: (() => any) | undefined;
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {

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

@@ -1,11 +1,11 @@
 import { type SlotsType, type ExtractPropTypes } from 'vue';
 export declare const videoViewerProps: {
+    src: {
+        type: StringConstructor;
+    };
     teleported: {
         type: BooleanConstructor;
     };
-    zIndex: {
-        type: NumberConstructor;
-    };
     closeOnPressEscape: {
         type: BooleanConstructor;
         default: boolean;
@@ -13,9 +13,6 @@ export declare const videoViewerProps: {
     hideOnClickModal: {
         type: BooleanConstructor;
     };
-    src: {
-        type: StringConstructor;
-    };
 };
 export type VideoViewerProps = ExtractPropTypes<typeof videoViewerProps>;
 export interface VideoViewerSlots {

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

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

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

@@ -1,10 +1,10 @@
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    src: {
+        type: StringConstructor;
+    };
     teleported: {
         type: BooleanConstructor;
     };
-    zIndex: {
-        type: NumberConstructor;
-    };
     closeOnPressEscape: {
         type: BooleanConstructor;
         default: boolean;
@@ -12,18 +12,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;
@@ -31,9 +28,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     hideOnClickModal: {
         type: BooleanConstructor;
     };
-    src: {
-        type: StringConstructor;
-    };
 }>> & Readonly<{
     onClose?: (() => any) | undefined;
 }>, {

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

@@ -1,12 +1,7 @@
-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 { defineComponent, ref, onMounted, onBeforeUnmount, createVNode, mergeProps } from 'vue';
 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';
+import { MediaViewerDialog } from '../media-viewer/media-viewer-dialog.js';
+import { omit } from 'lodash-es';
 
 var stdin_default = defineComponent({
   name: "CoVideoViewer",
@@ -16,31 +11,7 @@ var stdin_default = defineComponent({
   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");
+    const videoRef = ref();
     onMounted(() => {
       videoRef.value?.play();
     });
@@ -48,41 +19,15 @@ var stdin_default = defineComponent({
       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)]
-          })])]
-        })]
+      return createVNode(MediaViewerDialog, mergeProps(omit(props, "src"), {
+        "onClose": () => emit("close")
+      }), {
+        default: () => [createVNode("video", {
+          "ref": videoRef,
+          "controls": true,
+          "src": props.src,
+          "style": "width: 100%; height: 100%; background-color: black"
+        }, null)]
       });
     };
   }

package/layout/layout-tabbar/layout-tabbar.vue.js

@@ -5,10 +5,10 @@ import { useLayoutStore } from '../../store/layout.js';
 import stdin_default$2 from './reload.vue.js';
 import stdin_default$1 from './style/index.js';
 import { useI18n } from 'vue-i18n';
-import { useToken } from '../../components/theme/util/useToken.js';
 import { ContextMenu as _ContextMenu, ContextMenuItem as _ContextMenuItem } from '../../components/context-menu/index.js';
 import { useLocale } from '../../hooks/useLocale.js';
 import { useComponentConfig } from '../../components/config-provider/config-provider.api.js';
+import { useToken } from '../../components/theme/util/useToken.js';
 import { Icon as _Icon } from '../../components/icon/index.js';
 
 var stdin_default = /* @__PURE__ */defineComponent({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cosey",
-  "version": "0.5.16",
+  "version": "0.6.0",
   "description": "基于 Vue3 + vite 的后台管理系统框架",
   "type": "module",
   "main": "index.js",
@@ -36,6 +36,7 @@
     "pinia": "^3.0.2",
     "quill": "^2.0.3",
     "stylis": "^4.3.6",
+    "svga": "^2.1.1",
     "vue": "^3.5.21",
     "vue-i18n": "^11.1.10",
     "vue-router": "^4.5.0"
@@ -67,6 +68,7 @@
     "pinia": "^3.0.2",
     "quill": "^2.0.3",
     "stylis": "^4.3.6",
+    "svga": "^2.1.1",
     "vue": "^3.5.21",
     "vue-i18n": "^11.1.10",
     "vue-router": "^4.5.0"

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

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

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

@@ -1,260 +0,0 @@
-import { type ImageCardSlots } from './image-card';
-type __VLS_Slots = ImageCardSlots;
-declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    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[]>;
-    };
-    fit: {
-        default: string;
-        type: import("vue").PropType<"" | "fill" | "contain" | "none" | "cover" | "scale-down">;
-        required: false;
-        validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    hideOnClickModal: BooleanConstructor;
-    loading: {
-        readonly type: import("vue").PropType<"lazy" | "eager">;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    lazy: BooleanConstructor;
-    scrollContainer: {
-        readonly type: import("vue").PropType<string | HTMLElement | undefined>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    previewSrcList: {
-        readonly type: import("vue").PropType<string[]>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: () => [];
-    };
-    previewTeleported: BooleanConstructor;
-    zIndex: {
-        readonly type: import("vue").PropType<number>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    initialIndex: {
-        readonly type: import("vue").PropType<number>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: 0;
-    };
-    infinite: {
-        readonly type: import("vue").PropType<boolean>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: true;
-    };
-    closeOnPressEscape: {
-        readonly type: import("vue").PropType<boolean>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: true;
-    };
-    zoomRate: {
-        readonly type: import("vue").PropType<number>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: 1.2;
-    };
-    minScale: {
-        readonly type: import("vue").PropType<number>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: 0.2;
-    };
-    maxScale: {
-        readonly type: import("vue").PropType<number>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: 7;
-    };
-    showProgress: BooleanConstructor;
-    crossorigin: {
-        readonly type: import("vue").PropType<"" | "anonymous" | "use-credentials">;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-}>, {
-    view: () => void;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    show: () => any;
-    switch: () => any;
-    close: () => any;
-    error: () => any;
-    load: () => any;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    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[]>;
-    };
-    fit: {
-        default: string;
-        type: import("vue").PropType<"" | "fill" | "contain" | "none" | "cover" | "scale-down">;
-        required: false;
-        validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    hideOnClickModal: BooleanConstructor;
-    loading: {
-        readonly type: import("vue").PropType<"lazy" | "eager">;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    lazy: BooleanConstructor;
-    scrollContainer: {
-        readonly type: import("vue").PropType<string | HTMLElement | undefined>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    previewSrcList: {
-        readonly type: import("vue").PropType<string[]>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: () => [];
-    };
-    previewTeleported: BooleanConstructor;
-    zIndex: {
-        readonly type: import("vue").PropType<number>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    initialIndex: {
-        readonly type: import("vue").PropType<number>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: 0;
-    };
-    infinite: {
-        readonly type: import("vue").PropType<boolean>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: true;
-    };
-    closeOnPressEscape: {
-        readonly type: import("vue").PropType<boolean>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: true;
-    };
-    zoomRate: {
-        readonly type: import("vue").PropType<number>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: 1.2;
-    };
-    minScale: {
-        readonly type: import("vue").PropType<number>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: 0.2;
-    };
-    maxScale: {
-        readonly type: import("vue").PropType<number>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: 7;
-    };
-    showProgress: BooleanConstructor;
-    crossorigin: {
-        readonly type: import("vue").PropType<"" | "anonymous" | "use-credentials">;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-}>> & Readonly<{
-    onShow?: (() => any) | undefined;
-    onSwitch?: (() => any) | undefined;
-    onClose?: (() => any) | undefined;
-    onError?: (() => any) | undefined;
-    onLoad?: (() => any) | undefined;
-}>, {
-    infinite: boolean;
-    size: "large" | "small" | "middle" | "mini";
-    lazy: boolean;
-    closeOnPressEscape: boolean;
-    hideOnClickModal: boolean;
-    fit: "" | "fill" | "contain" | "none" | "cover" | "scale-down";
-    previewSrcList: string[];
-    previewTeleported: boolean;
-    initialIndex: number;
-    zoomRate: number;
-    minScale: number;
-    maxScale: number;
-    showProgress: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, 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/image-card/image-card.vue.js

@@ -1,64 +0,0 @@
-import { defineComponent, useSlots, ref, computed, mergeProps, createBlock, openBlock, resolveDynamicComponent, unref, createVNode } from 'vue';
-import { imageProps } from './image-card.js';
-import { useLockscreen, ElImage } from 'element-plus';
-import stdin_default$1 from './image-card.style.js';
-import { useComponentConfig } from '../config-provider/config-provider.api.js';
-import { defineTemplate } from '../../utils/vue.js';
-
-var stdin_default = /* @__PURE__ */defineComponent({
-  ...{
-    name: "CoImageCard"
-  },
-  __name: "image-card",
-  props: imageProps,
-  emits: ["load", "error", "switch", "close", "show"],
-  setup(__props, {
-    expose: __expose
-  }) {
-    const props = __props;
-    const slots = useSlots();
-    const {
-      prefixCls
-    } = useComponentConfig("image-card", props);
-    const {
-      hashId
-    } = stdin_default$1(prefixCls);
-    const imageRef = ref();
-    const mergedPreviewSrcList = computed(() => {
-      return props.srcList?.length ? props.srcList : props.previewSrcList?.length ? props.previewSrcList : props.src ? [props.src] : [];
-    });
-    __expose({
-      view() {
-        imageRef.value?.$el.querySelector("img").click();
-      }
-    });
-    const viewerVisible = ref(false);
-    const onShow = () => {
-      viewerVisible.value = true;
-    };
-    const onClose = () => {
-      viewerVisible.value = false;
-    };
-    useLockscreen(viewerVisible);
-    const mergedProps = computed(() => {
-      return mergeProps(props, {
-        title: props.title || props.src,
-        class: [hashId.value, prefixCls.value, `is-${props.size}`],
-        previewSrcList: mergedPreviewSrcList.value,
-        previewTeleported: true,
-        onShow,
-        onClose,
-        ref: imageRef,
-        initialIndex: Math.max(mergedPreviewSrcList.value.indexOf(props.src), 0)
-      });
-    });
-    const template = defineTemplate(() => {
-      return createVNode(ElImage, mergedProps.value, slots);
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(unref(template)));
-    };
-  }
-});
-
-export { stdin_default as default };