cosey 0.5.16 → 0.6.1

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

@@ -1,11 +1,11 @@
 import { type ExtractPropTypes } from 'vue';
 export declare const audioCardProps: {
+    src: {
+        type: StringConstructor;
+    };
     teleported: {
         type: BooleanConstructor;
     };
-    zIndex: {
-        type: NumberConstructor;
-    };
     closeOnPressEscape: {
         type: BooleanConstructor;
         default: boolean;
@@ -13,9 +13,6 @@ export declare const audioCardProps: {
     hideOnClickModal: {
         type: BooleanConstructor;
     };
-    src: {
-        type: StringConstructor;
-    };
     size: {
         type: import("vue").PropType<"mini" | "small" | "middle" | "large">;
         default: string;

package/components/audio-card/audio-card.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,9 +12,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     hideOnClickModal: {
         type: BooleanConstructor;
     };
-    src: {
-        type: StringConstructor;
-    };
     size: {
         type: import("vue").PropType<"mini" | "small" | "middle" | "large">;
         default: string;
@@ -35,12 +32,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     open: () => boolean;
     close: () => boolean;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    src: {
+        type: StringConstructor;
+    };
     teleported: {
         type: BooleanConstructor;
     };
-    zIndex: {
-        type: NumberConstructor;
-    };
     closeOnPressEscape: {
         type: BooleanConstructor;
         default: boolean;
@@ -48,9 +45,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     hideOnClickModal: {
         type: BooleanConstructor;
     };
-    src: {
-        type: StringConstructor;
-    };
     size: {
         type: import("vue").PropType<"mini" | "small" | "middle" | "large">;
         default: string;

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

@@ -1,12 +1,12 @@
 export * from './audio-card.api';
 declare const _AudioCard: {
     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 _AudioCard: {
         hideOnClickModal: {
             type: BooleanConstructor;
         };
-        src: {
-            type: StringConstructor;
-        };
         size: {
             type: import("vue").PropType<"mini" | "small" | "middle" | "large">;
             default: string;
@@ -52,12 +49,12 @@ declare const _AudioCard: {
         M: {};
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
+        src: {
+            type: StringConstructor;
+        };
         teleported: {
             type: BooleanConstructor;
         };
-        zIndex: {
-            type: NumberConstructor;
-        };
         closeOnPressEscape: {
             type: BooleanConstructor;
             default: boolean;
@@ -65,9 +62,6 @@ declare const _AudioCard: {
         hideOnClickModal: {
             type: BooleanConstructor;
         };
-        src: {
-            type: StringConstructor;
-        };
         size: {
             type: import("vue").PropType<"mini" | "small" | "middle" | "large">;
             default: string;
@@ -97,12 +91,12 @@ declare const _AudioCard: {
     __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;
@@ -110,9 +104,6 @@ declare const _AudioCard: {
     hideOnClickModal: {
         type: BooleanConstructor;
     };
-    src: {
-        type: StringConstructor;
-    };
     size: {
         type: import("vue").PropType<"mini" | "small" | "middle" | "large">;
         default: string;

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

@@ -1,12 +1,12 @@
 import { ExtractPropTypes, SlotsType } from 'vue';
 import { MediaViewerSlots } from '../media-viewer/media-viewer.api';
 export declare const audioViewerProps: {
+    src: {
+        type: StringConstructor;
+    };
     teleported: {
         type: BooleanConstructor;
     };
-    zIndex: {
-        type: NumberConstructor;
-    };
     closeOnPressEscape: {
         type: BooleanConstructor;
         default: boolean;
@@ -14,9 +14,6 @@ export declare const audioViewerProps: {
     hideOnClickModal: {
         type: BooleanConstructor;
     };
-    src: {
-        type: StringConstructor;
-    };
 };
 export type AudioViewerProps = ExtractPropTypes<typeof audioViewerProps>;
 export interface AudioViewerSlots extends MediaViewerSlots {

package/components/audio-viewer/audio-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/audio-viewer/audio-viewer.js

@@ -1,12 +1,7 @@
-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 { defineComponent, ref, onMounted, onBeforeUnmount, createVNode, mergeProps } from 'vue';
 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';
+import { MediaViewerDialog } from '../media-viewer/media-viewer-dialog.js';
+import { omit } from 'lodash-es';
 
 var stdin_default = defineComponent({
   name: "CoAudioViewer",
@@ -16,31 +11,7 @@ var stdin_default = defineComponent({
   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");
+    const audioRef = ref();
     onMounted(() => {
       audioRef.value?.play();
     });
@@ -48,40 +19,14 @@ var stdin_default = defineComponent({
       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)]
-          })])]
-        })]
+      return createVNode(MediaViewerDialog, mergeProps(omit(props, "src"), {
+        "onClose": () => emit("close")
+      }), {
+        default: () => [createVNode("audio", {
+          "ref": audioRef,
+          "controls": true,
+          "src": props.src
+        }, null)]
       });
     };
   }

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

@@ -1,12 +1,12 @@
 export * from './audio-viewer';
 declare const _AudioViewer: {
     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 _AudioViewer: {
         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 _AudioViewer: {
         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 _AudioViewer: {
         hideOnClickModal: {
             type: BooleanConstructor;
         };
-        src: {
-            type: StringConstructor;
-        };
     }>> & Readonly<{
         onClose?: (() => any) | undefined;
     }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
@@ -60,12 +54,12 @@ declare const _AudioViewer: {
     __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 _AudioViewer: {
     hideOnClickModal: {
         type: BooleanConstructor;
     };
-    src: {
-        type: StringConstructor;
-    };
 }>> & Readonly<{
     onClose?: (() => any) | undefined;
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {

package/components/close/close.js

@@ -7,7 +7,9 @@ import { useComponentConfig } from '../config-provider/config-provider.api.js';
 var stdin_default = defineComponent({
   name: "CoClose",
   emits: closeEmits,
-  setup(props) {
+  setup(props, {
+    emit
+  }) {
     const {
       prefixCls
     } = useComponentConfig("close", props);
@@ -16,7 +18,8 @@ var stdin_default = defineComponent({
     } = stdin_default$1(prefixCls);
     return () => {
       return createVNode("span", {
-        "class": [hashId.value, prefixCls.value]
+        "class": [hashId.value, prefixCls.value],
+        "onClick": event => emit("click", event)
       }, [createVNode(stdin_default$2, {
         "name": "co:close-large"
       }, null)]);

package/components/components.d.ts

@@ -38,6 +38,8 @@ import { ScrollView } from './scroll-view';
 import { SnugMenu, SnugMenuItem } from './snug-menu';
 import { StackDialog } from './stack-dialog';
 import { SvgIcon } from './svg-icon';
+import { SvgaCard } from './svga-card';
+import { SvgaViewer } from './svga-viewer';
 import { Table } from './table';
 import { TableAction } from './table-action';
 import { Toggle } from './toggle';
@@ -93,6 +95,8 @@ declare module 'vue' {
         CoSnugMenuItem: typeof SnugMenuItem;
         CoStackDialog: typeof StackDialog;
         CoSvgIcon: typeof SvgIcon;
+        CoSvgaCard: typeof SvgaCard;
+        CoSvgaViewer: typeof SvgaViewer;
         CoTable: typeof Table;
         CoTableAction: typeof TableAction;
         CoToggle: typeof Toggle;
@@ -103,4 +107,4 @@ declare module 'vue' {
         CoVideoViewer: typeof VideoViewer;
     }
 }
-export { AudioCard, AudioViewer, Card, Close, Col, ConfigProvider, Container, ContextMenu, ContextMenuItem, ContextSubMenu, Copy, DndSort, DndSortItem, Editor, Field, FileCard, Form, FormDialog, FormDrawer, FormGroup, FormItem, FormList, FormQuery, Highlight, HorizontalTree, Icon, IconifyIcon, ImageCard, InputNumberRange, LongText, Mask, MediaCard, MediaCardGroup, MediaViewer, NumberFormat, OnlyChild, OptionalWrapper, Panel, RemoteSelect, Row, ScrollView, SnugMenu, SnugMenuItem, StackDialog, SvgIcon, Table, TableAction, Toggle, Transition, TransitionGroup, Upload, VideoCard, VideoViewer, };
+export { AudioCard, AudioViewer, Card, Close, Col, ConfigProvider, Container, ContextMenu, ContextMenuItem, ContextSubMenu, Copy, DndSort, DndSortItem, Editor, Field, FileCard, Form, FormDialog, FormDrawer, FormGroup, FormItem, FormList, FormQuery, Highlight, HorizontalTree, Icon, IconifyIcon, ImageCard, InputNumberRange, LongText, Mask, MediaCard, MediaCardGroup, MediaViewer, NumberFormat, OnlyChild, OptionalWrapper, Panel, RemoteSelect, Row, ScrollView, SnugMenu, SnugMenuItem, StackDialog, SvgIcon, SvgaCard, SvgaViewer, Table, TableAction, Toggle, Transition, TransitionGroup, Upload, VideoCard, VideoViewer, };

package/components/components.js

@@ -38,6 +38,8 @@ export { ScrollView } from './scroll-view/index.js';
 export { SnugMenu, SnugMenuItem } from './snug-menu/index.js';
 export { StackDialog } from './stack-dialog/index.js';
 export { SvgIcon } from './svg-icon/index.js';
+export { SvgaCard } from './svga-card/index.js';
+export { SvgaViewer } from './svga-viewer/index.js';
 export { Table } from './table/index.js';
 export { TableAction } from './table-action/index.js';
 export { Toggle } from './toggle/index.js';

package/components/editor/components/toolbar/toolbar.js

@@ -60,7 +60,7 @@ class Toolbar extends EventTarget {
     const formats = this.quill.getFormat(range);
     const indent = parseInt(formats.indent || "0", 10);
     if (value === "+1" || value === "-1") {
-      const modifier = value === "+1" ? INDENT_STEP : -3;
+      const modifier = value === "+1" ? INDENT_STEP : -INDENT_STEP;
       this.quill.format("indent", indent + modifier, Quill.sources.USER);
     }
   }

package/components/icon/icon.d.ts

@@ -1,5 +1,5 @@
 import { type IconifyIconProps } from '../iconify-icon';
 export interface IconProps {
-    name: IconifyIconProps['name'] | (string & {});
+    name?: IconifyIconProps['name'] | (string & {});
     size?: number | 'sm' | 'md' | 'lg' | 'xl' | ({} & string);
 }

package/components/icon/icon.vue.d.ts

@@ -1,3 +1,13 @@
 import { type IconProps } from './icon';
-declare const _default: import("vue").DefineComponent<IconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IconProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<IconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IconProps> & Readonly<{}>, {}, {}, {}, {}, 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/icon/icon.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, watch, computed, createBlock, openBlock, unref, normalizeProps, mergeProps } from 'vue';
+import { defineComponent, ref, watch, computed, createElementBlock, createBlock, openBlock, normalizeProps, mergeProps, renderSlot, unref } from 'vue';
 import { SvgIcon as _SvgIcon } from '../svg-icon/index.js';
 import { IconifyIcon as _IconifyIcon } from '../iconify-icon/index.js';
 import stdin_default$1 from './style/index.js';
@@ -12,7 +12,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
   props: {
     name: {
       type: [String, Object],
-      required: true
+      required: false
     },
     size: {
       type: [Number, String, Object],
@@ -30,10 +30,12 @@ var stdin_default = /* @__PURE__ */defineComponent({
     const prefix = ref();
     const name = ref("");
     watch(() => props.name, () => {
-      const result = /^(?:([^:]+):)?([^:]+)$/.exec(props.name);
-      if (result) {
-        prefix.value = result[1];
-        name.value = result[2];
+      if (props.name) {
+        const result = /^(?:([^:]+):)?([^:]+)$/.exec(props.name);
+        if (result) {
+          prefix.value = result[1];
+          name.value = result[2];
+        }
       }
     }, {
       immediate: true
@@ -56,11 +58,14 @@ var stdin_default = /* @__PURE__ */defineComponent({
       };
     });
     return (_ctx, _cache) => {
-      return prefix.value === "svg" ? (openBlock(), createBlock(unref(_SvgIcon), normalizeProps(mergeProps({
+      return _ctx.$slots.default ? (openBlock(), createElementBlock("span", normalizeProps(mergeProps({
         key: 0
+      }, mergedProps.value)), [renderSlot(_ctx.$slots, "default")], 16
+      /* FULL_PROPS */)) : prefix.value === "svg" ? (openBlock(), createBlock(unref(_SvgIcon), normalizeProps(mergeProps({
+        key: 1
       }, mergedProps.value)), null, 16
       /* FULL_PROPS */)) : (openBlock(), createBlock(unref(_IconifyIcon), mergeProps({
-        key: 1
+        key: 2
       }, mergedProps.value, {
         prefix: prefix.value
       }), null, 16, ["prefix"]));

package/components/icon/index.d.ts

@@ -11,6 +11,10 @@ declare const _Icon: {
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("./icon").IconProps> & 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;
+} & import("vue").ComponentOptionsBase<Readonly<import("./icon").IconProps> & 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 & (new () => {
+    $slots: {
+        default?: (props: {}) => any;
+    };
+}) & import("vue").Plugin;
 export { _Icon as Icon };
 export default _Icon;