cosey 0.7.5 → 0.7.6

package/components/stack-dialog/stack-dialog.api.d.ts

@@ -0,0 +1,200 @@
+import { type DialogInstance } from 'element-plus';
+import { type ExtractPropTypes, type SlotsType } from 'vue';
+import { type ElDialogSlots } from '../form-dialog';
+export declare const stackDialogProps: {
+    appendToBody: BooleanConstructor;
+    appendTo: {
+        readonly type: import("vue").PropType<string | HTMLElement>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: "body";
+    };
+    beforeClose: {
+        readonly type: import("vue").PropType<import("element-plus").DialogBeforeCloseFn>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    destroyOnClose: BooleanConstructor;
+    closeOnClickModal: {
+        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;
+    };
+    lockScroll: {
+        readonly type: import("vue").PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: true;
+    };
+    modal: {
+        readonly type: import("vue").PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: true;
+    };
+    modalPenetrable: BooleanConstructor;
+    openDelay: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: 0;
+    };
+    closeDelay: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: 0;
+    };
+    top: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    modelValue: BooleanConstructor;
+    modalClass: StringConstructor;
+    headerClass: StringConstructor;
+    bodyClass: StringConstructor;
+    footerClass: StringConstructor;
+    width: {
+        readonly type: import("vue").PropType<string | number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    zIndex: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    trapFocus: BooleanConstructor;
+    headerAriaLevel: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: "2";
+    };
+    transition: {
+        readonly type: import("vue").PropType<import("element-plus").DialogTransition>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: undefined;
+    };
+    center: BooleanConstructor;
+    alignCenter: {
+        readonly type: import("vue").PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: undefined;
+    };
+    closeIcon: {
+        readonly type: import("vue").PropType<string | import("vue").Component>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    draggable: {
+        readonly type: import("vue").PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: undefined;
+    };
+    overflow: {
+        readonly type: import("vue").PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: undefined;
+    };
+    fullscreen: BooleanConstructor;
+    showClose: {
+        readonly type: import("vue").PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: true;
+    };
+    title: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: "";
+    };
+    ariaLevel: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: "2";
+    };
+};
+export type StackDialogProps = ExtractPropTypes<typeof stackDialogProps>;
+export interface StackDialogSlots extends ElDialogSlots {
+}
+export declare const stackDialogSlots: SlotsType<StackDialogSlots>;
+export declare const stackDialogEmits: {
+    open: () => boolean;
+    opened: () => boolean;
+    close: () => boolean;
+    closed: () => boolean;
+    "update:modelValue": (value: boolean) => boolean;
+    openAutoFocus: () => boolean;
+    closeAutoFocus: () => boolean;
+};
+export type StackDialogEmits = typeof stackDialogEmits;
+export interface StackDialogExpose extends DialogInstance {
+}
+export interface StackDialogInfo {
+    transform: string;
+}
+export declare function createStackDialogInfo(): {
+    transform: string;
+};
+export interface StackDialogContext {
+    addInfo: (info: StackDialogInfo) => void;
+    removeInfo: (info: StackDialogInfo) => void;
+}
+export declare function useStackDialogProvide(): void;
+export declare function useStackDialog(): {
+    onShow: () => void;
+    onHide: () => void;
+    info: {
+        transform: string;
+    };
+};

package/components/stack-dialog/stack-dialog.api.js

@@ -0,0 +1,65 @@
+import { dialogProps, dialogEmits } from 'element-plus';
+import { inject, onBeforeUnmount, reactive, provide } from 'vue';
+
+const stackDialogProps = {
+  ...dialogProps
+};
+const stackDialogSlots = Object;
+const stackDialogEmits = {
+  ...dialogEmits
+};
+function createStackDialogInfo() {
+  return reactive({
+    transform: ""
+  });
+}
+const stackDialogContextKey = Symbol("stackDialogContext");
+function useStackDialogProvide() {
+  const infoList = [];
+  const updateInfo = () => {
+    const count = 10;
+    const total = 10;
+    infoList.forEach((info, index) => {
+      const x = Math.min(index / count, 1);
+      const t = 1 - Math.pow(1 - x, 4);
+      const scale = 1 - index / infoList.length * 0.05;
+      info.transform = `translateY(${t * total}vh) scale(${scale})`;
+    });
+  };
+  const addInfo = (info) => {
+    if (!infoList.includes(info)) {
+      infoList.unshift(info);
+      updateInfo();
+    }
+  };
+  const removeInfo = (info) => {
+    if (infoList.includes(info)) {
+      infoList.splice(infoList.indexOf(info), 1);
+      updateInfo();
+    }
+  };
+  provide(stackDialogContextKey, {
+    addInfo,
+    removeInfo
+  });
+}
+function useStackDialog() {
+  const context = inject(stackDialogContextKey, null);
+  const info = createStackDialogInfo();
+  const onShow = () => {
+    context?.addInfo(info);
+  };
+  const onHide = () => {
+    context?.removeInfo(info);
+  };
+  onBeforeUnmount(() => {
+    context?.removeInfo(info);
+  });
+  return {
+    onShow,
+    onHide,
+    info
+  };
+}
+
+export { createStackDialogInfo, stackDialogEmits, stackDialogProps, stackDialogSlots, useStackDialog, useStackDialogProvide };

package/components/stack-dialog/stack-dialog.d.ts

@@ -1,7 +1,4 @@
-import { type DialogEmits, type DialogInstance } from 'element-plus';
-import { EmitFn, ExtractPropTypes } from 'vue';
-import { type ElDialogSlots } from '../form-dialog';
-export declare const stackDialogProps: {
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     appendToBody: BooleanConstructor;
     appendTo: {
         readonly type: import("vue").PropType<string | HTMLElement>;
@@ -163,29 +160,206 @@ export declare const stackDialogProps: {
     } & {
         readonly default: "2";
     };
-};
-export type StackDialogProps = ExtractPropTypes<typeof stackDialogProps>;
-export interface StackDialogSlots extends ElDialogSlots {
-}
-export interface StackDialogEmits extends /* @vue-ignore */ EmitFn<DialogEmits> {
-}
-export interface StackDialogExpose extends DialogInstance {
-}
-export interface StackDialogInfo {
-    transform: string;
-}
-export declare function createStackDialogInfo(): {
-    transform: string;
-};
-export interface StackDialogContext {
-    addInfo: (info: StackDialogInfo) => void;
-    removeInfo: (info: StackDialogInfo) => void;
-}
-export declare function useStackDialogProvide(): void;
-export declare function useStackDialog(): {
-    onShow: () => void;
-    onHide: () => void;
-    info: {
-        transform: string;
-    };
-};
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    open: () => boolean;
+    opened: () => boolean;
+    close: () => boolean;
+    closed: () => boolean;
+    "update:modelValue": (value: boolean) => boolean;
+    openAutoFocus: () => boolean;
+    closeAutoFocus: () => boolean;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    appendToBody: BooleanConstructor;
+    appendTo: {
+        readonly type: import("vue").PropType<string | HTMLElement>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: "body";
+    };
+    beforeClose: {
+        readonly type: import("vue").PropType<import("element-plus").DialogBeforeCloseFn>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    destroyOnClose: BooleanConstructor;
+    closeOnClickModal: {
+        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;
+    };
+    lockScroll: {
+        readonly type: import("vue").PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: true;
+    };
+    modal: {
+        readonly type: import("vue").PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: true;
+    };
+    modalPenetrable: BooleanConstructor;
+    openDelay: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: 0;
+    };
+    closeDelay: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: 0;
+    };
+    top: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    modelValue: BooleanConstructor;
+    modalClass: StringConstructor;
+    headerClass: StringConstructor;
+    bodyClass: StringConstructor;
+    footerClass: StringConstructor;
+    width: {
+        readonly type: import("vue").PropType<string | number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    zIndex: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    trapFocus: BooleanConstructor;
+    headerAriaLevel: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: "2";
+    };
+    transition: {
+        readonly type: import("vue").PropType<import("element-plus").DialogTransition>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: undefined;
+    };
+    center: BooleanConstructor;
+    alignCenter: {
+        readonly type: import("vue").PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: undefined;
+    };
+    closeIcon: {
+        readonly type: import("vue").PropType<string | import("vue").Component>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    draggable: {
+        readonly type: import("vue").PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: undefined;
+    };
+    overflow: {
+        readonly type: import("vue").PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: undefined;
+    };
+    fullscreen: BooleanConstructor;
+    showClose: {
+        readonly type: import("vue").PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: true;
+    };
+    title: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: "";
+    };
+    ariaLevel: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: "2";
+    };
+}>> & Readonly<{
+    onOpen?: (() => any) | undefined;
+    onClose?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onOpened?: (() => any) | undefined;
+    onClosed?: (() => any) | undefined;
+    onOpenAutoFocus?: (() => any) | undefined;
+    onCloseAutoFocus?: (() => any) | undefined;
+}>, {
+    overflow: boolean;
+    transition: import("element-plus").DialogTransition;
+    center: boolean;
+    title: string;
+    closeOnPressEscape: boolean;
+    draggable: boolean;
+    appendToBody: boolean;
+    appendTo: string | HTMLElement;
+    modelValue: boolean;
+    showClose: boolean;
+    closeOnClickModal: boolean;
+    destroyOnClose: boolean;
+    lockScroll: boolean;
+    modal: boolean;
+    modalPenetrable: boolean;
+    openDelay: number;
+    closeDelay: number;
+    trapFocus: boolean;
+    headerAriaLevel: string;
+    alignCenter: boolean;
+    fullscreen: boolean;
+    ariaLevel: string;
+}, import("vue").SlotsType<import("./stack-dialog.api").StackDialogSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/components/stack-dialog/stack-dialog.js

@@ -1,61 +1,69 @@
-import { dialogProps } from 'element-plus';
-import { inject, onBeforeUnmount, reactive, provide } from 'vue';
+import { defineComponent, ref, createVNode, mergeProps } from 'vue';
+import { stackDialogEmits, stackDialogSlots, stackDialogProps, useStackDialog } from './stack-dialog.api.js';
+import stdin_default$1 from './stack-dialog.style.js';
+import { ElDialog } from 'element-plus';
+import classNames from 'classnames';
+import { elFormDialogExposeKeys } from '../form-dialog/form-dialog.api.js';
+import { useComponentConfig } from '../config-provider/config-provider.api.js';
+import { createMergedExpose } from '../../utils/vue.js';
 
-const stackDialogProps = {
-  ...dialogProps
-};
-function createStackDialogInfo() {
-  return reactive({
-    transform: ""
-  });
-}
-const stackDialogContextKey = Symbol("stackDialogContext");
-function useStackDialogProvide() {
-  const infoList = [];
-  const updateInfo = () => {
-    const count = 10;
-    const total = 10;
-    infoList.forEach((info, index) => {
-      const x = Math.min(index / count, 1);
-      const t = 1 - Math.pow(1 - x, 4);
-      const scale = 1 - index / infoList.length * 0.05;
-      info.transform = `translateY(${t * total}vh) scale(${scale})`;
-    });
-  };
-  const addInfo = (info) => {
-    if (!infoList.includes(info)) {
-      infoList.unshift(info);
-      updateInfo();
-    }
-  };
-  const removeInfo = (info) => {
-    if (infoList.includes(info)) {
-      infoList.splice(infoList.indexOf(info), 1);
-      updateInfo();
-    }
-  };
-  provide(stackDialogContextKey, {
-    addInfo,
-    removeInfo
-  });
-}
-function useStackDialog() {
-  const context = inject(stackDialogContextKey, null);
-  const info = createStackDialogInfo();
-  const onShow = () => {
-    context?.addInfo(info);
-  };
-  const onHide = () => {
-    context?.removeInfo(info);
-  };
-  onBeforeUnmount(() => {
-    context?.removeInfo(info);
-  });
-  return {
-    onShow,
-    onHide,
-    info
-  };
-}
+var stdin_default = defineComponent({
+  name: "CoStackDialog",
+  props: stackDialogProps,
+  slots: stackDialogSlots,
+  emits: stackDialogEmits,
+  setup(props, {
+    slots,
+    emit,
+    expose: _expose
+  }) {
+    const {
+      prefixCls
+    } = useComponentConfig("stack-dialog", props);
+    const {
+      hashId
+    } = stdin_default$1(prefixCls);
+    const elPopupRef = ref();
+    const expose = createMergedExpose(elFormDialogExposeKeys, () => elPopupRef.value);
+    _expose(expose);
+    const {
+      onShow,
+      onHide,
+      info
+    } = useStackDialog();
+    return () => {
+      return createVNode(ElDialog, mergeProps({
+        "ref": elPopupRef
+      }, props, {
+        "class": [hashId.value, prefixCls.value],
+        "headerClass": classNames(props.headerClass, `${prefixCls.value}-header`),
+        "bodyClass": classNames(props.bodyClass, `${prefixCls.value}-body`),
+        "footerClass": classNames(props.footerClass, `${prefixCls.value}-footer`),
+        "onUpdate:modelValue": value => emit("update:modelValue", value),
+        "style": {
+          maxWidth: props.fullscreen ? null : "calc(100vw - 32px)",
+          ...info
+        },
+        "append-to-body": true,
+        "onOpen": () => {
+          onShow();
+          emit("open");
+        },
+        "onOpened": () => {
+          onShow();
+          emit("opened");
+        },
+        "onClose": () => {
+          onHide();
+          emit("close");
+        },
+        "onClosed": () => {
+          onHide();
+          emit("closed");
+        }
+      }), slots);
+    };
+  }
+});
 
-export { createStackDialogInfo, stackDialogProps, useStackDialog, useStackDialogProvide };
+export { stdin_default as default };

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

@@ -23,7 +23,7 @@ declare const _SvgaCard: {
             type: StringConstructor;
         };
         type: {
-            type: import("vue").PropType<"image" | "video" | "audio" | (string & {})>;
+            type: import("vue").PropType<"image" | "video" | "audio" | "svga" | (string & {})>;
         };
         title: {
             type: StringConstructor;
@@ -72,7 +72,7 @@ declare const _SvgaCard: {
             type: StringConstructor;
         };
         type: {
-            type: import("vue").PropType<"image" | "video" | "audio" | (string & {})>;
+            type: import("vue").PropType<"image" | "video" | "audio" | "svga" | (string & {})>;
         };
         title: {
             type: StringConstructor;
@@ -115,7 +115,7 @@ declare const _SvgaCard: {
         type: StringConstructor;
     };
     type: {
-        type: import("vue").PropType<"image" | "video" | "audio" | (string & {})>;
+        type: import("vue").PropType<"image" | "video" | "audio" | "svga" | (string & {})>;
     };
     title: {
         type: StringConstructor;

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

@@ -22,7 +22,7 @@ export declare const svgaCardProps: {
         type: StringConstructor;
     };
     type: {
-        type: import("vue").PropType<"image" | "video" | "audio" | (string & {})>;
+        type: import("vue").PropType<"image" | "video" | "audio" | "svga" | (string & {})>;
     };
     title: {
         type: StringConstructor;