cosey 0.7.4 → 0.7.6

package/components/form-drawer/index.d.ts

@@ -1,10 +1,18 @@
-export * from './form-drawer';
+export * from './form-drawer.api';
 declare const _FormDrawer: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         size: {
             type: import("vue").PropType<import("..").FormDialogWidth>;
             default: string;
         };
+        closeOnClickModal: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        closeOnPressEscape: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         confirmText: {
             type: StringConstructor;
             default: string;
@@ -74,22 +82,6 @@ declare const _FormDrawer: {
             __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;
@@ -219,16 +211,14 @@ declare const _FormDrawer: {
         onClosed?: (() => any) | undefined;
         onOpenAutoFocus?: (() => any) | undefined;
         onCloseAutoFocus?: (() => any) | undefined;
-    }>, {
-        handleClose: () => void;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-        open: () => any;
-        close: () => any;
-        "update:modelValue": (value: boolean) => any;
-        opened: () => any;
-        closed: () => any;
-        openAutoFocus: () => any;
-        closeAutoFocus: () => any;
+    }>, () => 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;
     }, import("vue").PublicProps, {
         direction: "ltr" | "rtl" | "ttb" | "btt";
         overflow: boolean;
@@ -261,7 +251,7 @@ declare const _FormDrawer: {
         ariaLevel: string;
         withHeader: boolean;
         modalFade: boolean;
-    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+    }, true, {}, import("vue").SlotsType<import("..").FormDialogSlots>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -273,6 +263,14 @@ declare const _FormDrawer: {
             type: import("vue").PropType<import("..").FormDialogWidth>;
             default: string;
         };
+        closeOnClickModal: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        closeOnPressEscape: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         confirmText: {
             type: StringConstructor;
             default: string;
@@ -342,22 +340,6 @@ declare const _FormDrawer: {
             __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;
@@ -487,9 +469,7 @@ declare const _FormDrawer: {
         onClosed?: (() => any) | undefined;
         onOpenAutoFocus?: (() => any) | undefined;
         onCloseAutoFocus?: (() => any) | undefined;
-    }>, {
-        handleClose: () => void;
-    }, {}, {}, {}, {
+    }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
         direction: "ltr" | "rtl" | "ttb" | "btt";
         overflow: boolean;
         transition: import("element-plus").DialogTransition;
@@ -530,6 +510,14 @@ declare const _FormDrawer: {
         type: import("vue").PropType<import("..").FormDialogWidth>;
         default: string;
     };
+    closeOnClickModal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closeOnPressEscape: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     confirmText: {
         type: StringConstructor;
         default: string;
@@ -599,22 +587,6 @@ declare const _FormDrawer: {
         __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;
@@ -744,16 +716,14 @@ declare const _FormDrawer: {
     onClosed?: (() => any) | undefined;
     onOpenAutoFocus?: (() => any) | undefined;
     onCloseAutoFocus?: (() => any) | undefined;
-}>, {
-    handleClose: () => void;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    open: () => any;
-    close: () => any;
-    "update:modelValue": (value: boolean) => any;
-    opened: () => any;
-    closed: () => any;
-    openAutoFocus: () => any;
-    closeAutoFocus: () => any;
+}>, () => 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, {
     direction: "ltr" | "rtl" | "ttb" | "btt";
     overflow: boolean;
@@ -786,8 +756,6 @@ declare const _FormDrawer: {
     ariaLevel: string;
     withHeader: boolean;
     modalFade: boolean;
-}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-    $slots: import("./form-drawer").FormDrawerSlots;
-}) & import("vue").Plugin;
+}, {}, string, import("vue").SlotsType<import("..").FormDialogSlots>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin;
 export { _FormDrawer as FormDrawer };
 export default _FormDrawer;

package/components/form-drawer/index.js

@@ -1,6 +1,6 @@
 import { withInstall } from '../utils.js';
-import stdin_default$1 from './form-drawer.vue.js';
-export { elFormDrawerExposeKeys, formDrawerProps } from './form-drawer.js';
+import stdin_default$1 from './form-drawer.js';
+export { elFormDrawerExposeKeys, formDrawerEmits, formDrawerProps, formDrawerSlots } from './form-drawer.api.js';
 
 const _FormDrawer = withInstall(stdin_default$1);
 var stdin_default = _FormDrawer;

package/components/form-group/form-group.api.d.ts

@@ -0,0 +1,73 @@
+import type { ExtractPropTypes, SlotsType, PropType } from 'vue';
+export declare const formGroupProps: {
+    alignment: {
+        type: PropType<"stretch" | "center" | "flex-start" | "flex-end">;
+        default: string;
+    };
+    size: {
+        type: PropType<number | "default" | "small" | "large" | [number, number]>;
+        default: () => number[];
+    };
+    wrap: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    title: {
+        type: (NumberConstructor | StringConstructor)[];
+    };
+    borderStyle: {
+        type: PropType<"none" | "solid" | "dashed" | "dotted">;
+    };
+    position: {
+        type: PropType<"left" | "right" | "center">;
+        default: string;
+    };
+    collapsible: {
+        type: BooleanConstructor;
+    };
+    collapsed: {
+        type: BooleanConstructor;
+    };
+    fill: BooleanConstructor;
+    direction: {
+        readonly type: PropType<"horizontal" | "vertical">;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: "horizontal";
+    };
+    spacer: {
+        readonly type: PropType<import("vue").VNodeChild | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: null;
+    };
+    prefixCls: {
+        readonly type: PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    fillRatio: {
+        readonly type: PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: 100;
+    };
+};
+export type FormGroupProps = ExtractPropTypes<typeof formGroupProps>;
+export interface FormGroupSlots {
+    default: {};
+}
+export declare const formGroupSlots: SlotsType<FormGroupSlots>;
+export declare const formGroupEmits: {
+    'update:collapsed': (collapsed: boolean) => boolean;
+};
+export type FormGroupEmits = typeof formGroupEmits;

package/components/form-group/form-group.api.js

@@ -0,0 +1,41 @@
+import { spaceProps } from 'element-plus';
+import { omit } from 'lodash-es';
+import { isBoolean } from '../../utils/is.js';
+
+const formGroupProps = {
+  ...omit(spaceProps, ["class", "style"]),
+  alignment: {
+    type: String,
+    default: "flex-start"
+  },
+  size: {
+    type: [Number, String, Array],
+    default: () => [32, 0]
+  },
+  wrap: {
+    type: Boolean,
+    default: true
+  },
+  title: {
+    type: [String, Number]
+  },
+  borderStyle: {
+    type: String
+  },
+  position: {
+    type: String,
+    default: "left"
+  },
+  collapsible: {
+    type: Boolean
+  },
+  collapsed: {
+    type: Boolean
+  }
+};
+const formGroupSlots = Object;
+const formGroupEmits = {
+  "update:collapsed": (collapsed) => isBoolean(collapsed)
+};
+
+export { formGroupEmits, formGroupProps, formGroupSlots };

package/components/form-group/form-group.d.ts

@@ -1,14 +1,143 @@
-import { type SpaceProps } from 'element-plus';
-export interface FormGroupProps extends Partial<Omit<SpaceProps, 'class' | 'style'>> {
-    title?: string | number;
-    borderStyle?: 'none' | 'solid' | 'dashed' | 'dotted';
-    position?: 'left' | 'right' | 'center';
-    collapsible?: boolean;
-    collapsed?: boolean;
-}
-export interface FormGroupSlots {
-    default?: (props: Record<string, any>) => any;
-}
-export interface FormGroupEmits {
-    (e: 'update:collapsed', collapsed: boolean): void;
-}
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    alignment: {
+        type: import("vue").PropType<"stretch" | "center" | "flex-start" | "flex-end">;
+        default: string;
+    };
+    size: {
+        type: import("vue").PropType<number | "default" | "small" | "large" | [number, number]>;
+        default: () => number[];
+    };
+    wrap: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    title: {
+        type: (NumberConstructor | StringConstructor)[];
+    };
+    borderStyle: {
+        type: import("vue").PropType<"none" | "solid" | "dashed" | "dotted">;
+    };
+    position: {
+        type: import("vue").PropType<"left" | "right" | "center">;
+        default: string;
+    };
+    collapsible: {
+        type: BooleanConstructor;
+    };
+    collapsed: {
+        type: BooleanConstructor;
+    };
+    fill: BooleanConstructor;
+    direction: {
+        readonly type: import("vue").PropType<"horizontal" | "vertical">;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: "horizontal";
+    };
+    spacer: {
+        readonly type: import("vue").PropType<import("vue").VNodeChild | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: null;
+    };
+    prefixCls: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    fillRatio: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: 100;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'update:collapsed': (collapsed: boolean) => boolean;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    alignment: {
+        type: import("vue").PropType<"stretch" | "center" | "flex-start" | "flex-end">;
+        default: string;
+    };
+    size: {
+        type: import("vue").PropType<number | "default" | "small" | "large" | [number, number]>;
+        default: () => number[];
+    };
+    wrap: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    title: {
+        type: (NumberConstructor | StringConstructor)[];
+    };
+    borderStyle: {
+        type: import("vue").PropType<"none" | "solid" | "dashed" | "dotted">;
+    };
+    position: {
+        type: import("vue").PropType<"left" | "right" | "center">;
+        default: string;
+    };
+    collapsible: {
+        type: BooleanConstructor;
+    };
+    collapsed: {
+        type: BooleanConstructor;
+    };
+    fill: BooleanConstructor;
+    direction: {
+        readonly type: import("vue").PropType<"horizontal" | "vertical">;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: "horizontal";
+    };
+    spacer: {
+        readonly type: import("vue").PropType<import("vue").VNodeChild | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: null;
+    };
+    prefixCls: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    fillRatio: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: 100;
+    };
+}>> & Readonly<{
+    "onUpdate:collapsed"?: ((collapsed: boolean) => any) | undefined;
+}>, {
+    fill: boolean;
+    direction: "horizontal" | "vertical";
+    position: "left" | "right" | "center";
+    size: number | "default" | "large" | "small" | [number, number];
+    wrap: boolean;
+    spacer: import("vue").VNodeChild | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>;
+    collapsed: boolean;
+    alignment: "stretch" | "center" | "flex-end" | "flex-start";
+    fillRatio: number;
+    collapsible: boolean;
+}, import("vue").SlotsType<import("./form-group.api").FormGroupSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/components/form-group/form-group.js

@@ -1 +1,70 @@
+import { defineComponent, ref, computed, watch, createVNode, withDirectives, resolveComponent, mergeProps, vShow } from 'vue';
+import { formGroupEmits, formGroupSlots, formGroupProps } from './form-group.api.js';
+import { reactiveOmit } from '@vueuse/core';
+import stdin_default$2 from '../icon/icon.vue.js';
+import stdin_default$1 from './form-group.style.js';
+import { useComponentConfig } from '../config-provider/config-provider.api.js';
 
+var stdin_default = defineComponent({
+  name: "CoFormGroup",
+  props: formGroupProps,
+  slots: formGroupSlots,
+  emits: formGroupEmits,
+  setup(props, {
+    slots,
+    emit
+  }) {
+    const {
+      prefixCls
+    } = useComponentConfig("form-group", props);
+    const {
+      hashId
+    } = stdin_default$1(prefixCls);
+    const spaceProps = reactiveOmit(props, ["title", "borderStyle", "position", "collapsible", "collapsed"]);
+    const innerCollapsed = ref(false);
+    const isBordered = computed(() => !!props.title);
+    watch(() => props.collapsed, () => {
+      innerCollapsed.value = !!props.collapsed;
+    }, {
+      immediate: true
+    });
+    const handleToggle = () => {
+      if (props.collapsible) {
+        innerCollapsed.value = !innerCollapsed.value;
+        emit("update:collapsed", innerCollapsed.value);
+      }
+    };
+    return () => {
+      return createVNode("div", {
+        "class": [hashId.value, prefixCls.value, {
+          "is-bordered": isBordered.value,
+          "is-collapsed": innerCollapsed.value
+        }],
+        "style": {
+          borderStyle: isBordered.value ? props.borderStyle : void 0
+        }
+      }, [props.title && createVNode("div", {
+        "class": [`${prefixCls.value}-title`, `is-${props.position}`]
+      }, [createVNode("div", {
+        "style": {
+          display: "inline-flex",
+          alignItems: "center",
+          cursor: props.collapsible ? "pointer" : ""
+        },
+        "onClick": handleToggle
+      }, [props.collapsible && createVNode(stdin_default$2, {
+        "name": innerCollapsed.value ? "co:caret-up" : "co:caret-down",
+        "size": "xl"
+      }, null), props.title])]), withDirectives(createVNode(resolveComponent("el-space"), mergeProps(spaceProps, {
+        "style": {
+          display: "flex",
+          minWidth: 0
+        }
+      }), {
+        default: () => [slots.default?.({})]
+      }), [[vShow, !innerCollapsed.value]])]);
+    };
+  }
+});
+
+export { stdin_default as default };

package/components/{input-number-range/style/index.d.ts → form-group/form-group.style.d.ts}

@@ -1,4 +1,4 @@
-declare const _default: (_prefixCls?: import("vue").ComputedRef<string> | string, themeManager?: import("../../theme/theme-context").ThemeManager) => {
+declare const _default: (_prefixCls?: import("vue").ComputedRef<string> | string, themeManager?: import("../theme/theme-context").ThemeManager) => {
     hashId: import("vue").Ref<string, string>;
 };
 export default _default;

package/components/form-group/{style/index.js → form-group.style.js}

@@ -1,6 +1,6 @@
-import { getSimpleStyleHook } from '../../theme/getSimpleStyleHook.js';
+import { getSimpleStyleHook } from '../theme/getSimpleStyleHook.js';
 
-var stdin_default = getSimpleStyleHook("CoFromGroup", (token) => {
+var stdin_default = getSimpleStyleHook("CoFormGroup", (token) => {
   const { componentCls } = token;
   return {
     [componentCls]: {