cosey 0.5.0 → 0.5.2

package/components/form/index.js

@@ -1,11 +1,11 @@
 import { withInstall } from '../utils.js';
-import stdin_default$1 from './form.vue.js';
+import stdin_default$1 from './form.js';
 import stdin_default$2 from './form-item.vue.js';
 export { useBubbleTemplate } from './useBubbleTemplate.js';
 export { useFormTemplate } from './useFormTemplate.js';
 export { getFormItemWidth, useFormItemWidth } from './useFormItemWidth.js';
-export { formBubbleContextSymbol, formContextSymbol, formExposeKeys, formProps, formPropsOmit } from './form.js';
-export { defaultFormItemProps, exlucdeFieldSlotNames, formItemExposeKeys, formItemProps, formItemPropsKeys, mapFormItemWidth } from './form-item.js';
+export { formBubbleContextSymbol, formContextSymbol, formEmits, formExposeKeys, formProps, formPropsOmit, formSlots } from './form.api.js';
+export { exlucdeFieldSlotNames, formItemExposeKeys, formItemProps, formItemPropsKeys, mapFormItemWidth } from './form-item.api.js';
 
 const _Form = withInstall(stdin_default$1);
 const _FormItem = withInstall(stdin_default$2);

package/components/form/useBubbleTemplate.js

@@ -1,9 +1,9 @@
 import { ref, provide, createVNode, Fragment, mergeProps, nextTick, isVNode } from 'vue';
-import { formBubbleContextSymbol } from './form.js';
+import { formBubbleContextSymbol } from './form.api.js';
 import { ElButton } from 'element-plus';
 import { useTwoWayBinding } from '../../hooks/useTwoWayBinding.js';
-import { useLocale } from '../../hooks/useLocale.js';
 import { createMergedExpose, defineTemplate } from '../../utils/vue.js';
+import { useLocale } from '../../hooks/useLocale.js';
 
 function _isSlot(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);

package/components/form/useFormItemWidth.d.ts

@@ -1,7 +1,7 @@
 import { type CSSProperties } from 'vue';
 import { type FieldType } from '../field';
-import { type FormContext } from './form';
-import { type FormItemWidth, type FormItemProps } from './form-item';
+import { type FormContext } from './form.api';
+import { type FormItemWidth, type FormItemProps } from './form-item.api';
 export declare function getFormItemWidth(outWidth?: FormItemWidth): {
     width: string;
     flex?: undefined;

package/components/form/useFormItemWidth.js

@@ -1,5 +1,5 @@
 import { computed } from 'vue';
-import { mapFormItemWidth } from './form-item.js';
+import { mapFormItemWidth } from './form-item.api.js';
 import { isString, isNumber } from '../../utils/is.js';
 
 function getFormItemWidth(outWidth) {

package/components/form/useFormTemplate.d.ts

@@ -1,4 +1,4 @@
-import { type FormExpose, type FormProps } from './form';
+import { type FormExpose, type FormProps } from './form.api';
 export interface UseFormTemplateOptions<T> {
     omittedProps?: (keyof T)[];
 }

package/components/form/useFormTemplate.js

@@ -1,5 +1,5 @@
 import { reactiveOmit } from '@vueuse/core';
-import { formPropsOmit, formContextSymbol, formExposeKeys } from './form.js';
+import { formPropsOmit, formContextSymbol, formExposeKeys } from './form.api.js';
 import { provide, reactive, toRef, useTemplateRef, ref } from 'vue';
 import { createMergedExpose } from '../../utils/vue.js';
 

package/components/form-dialog/form-dialog.vue.js

@@ -8,7 +8,7 @@ import { defineTemplate } from '../../utils/vue.js';
 
 var stdin_default = /* @__PURE__ */defineComponent({
   ...{
-    name: "FormDialog"
+    name: "CoFormDialog"
   },
   __name: "form-dialog",
   props: formDialogProps,

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

@@ -184,8 +184,8 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     handleClose: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     open: () => any;
-    close: () => any;
     "update:modelValue": (value: boolean) => any;
+    close: () => any;
     opened: () => any;
     closed: () => any;
     openAutoFocus: () => any;
@@ -372,8 +372,8 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     };
 }>> & Readonly<{
     onOpen?: (() => any) | undefined;
-    onClose?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onClose?: (() => any) | undefined;
     onOpened?: (() => any) | undefined;
     onClosed?: (() => any) | undefined;
     onOpenAutoFocus?: (() => any) | undefined;
@@ -384,17 +384,17 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     center: boolean;
     size: import("..").FormDialogWidth;
     title: string;
+    modelValue: boolean;
+    appendTo: string | HTMLElement;
     draggable: boolean;
     appendToBody: boolean;
-    appendTo: string | HTMLElement;
-    modelValue: boolean;
     showClose: boolean;
-    closeOnPressEscape: boolean;
     confirmText: string;
     cancelText: string;
     hideConfirm: boolean;
     hideCancel: boolean;
     closeOnClickModal: boolean;
+    closeOnPressEscape: boolean;
     destroyOnClose: boolean;
     lockScroll: boolean;
     modal: boolean;

package/components/form-drawer/form-drawer.vue.js

@@ -9,7 +9,7 @@ import { defineTemplate } from '../../utils/vue.js';
 
 var stdin_default = /* @__PURE__ */defineComponent({
   ...{
-    name: "FormDrawer"
+    name: "CoFormDrawer"
   },
   __name: "form-drawer",
   props: formDrawerProps,

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

@@ -182,8 +182,8 @@ declare const _FormDrawer: {
         };
     }>> & Readonly<{
         onOpen?: (() => any) | undefined;
-        onClose?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        onClose?: (() => any) | undefined;
         onOpened?: (() => any) | undefined;
         onClosed?: (() => any) | undefined;
         onOpenAutoFocus?: (() => any) | undefined;
@@ -192,8 +192,8 @@ declare const _FormDrawer: {
         handleClose: () => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
         open: () => any;
-        close: () => any;
         "update:modelValue": (value: boolean) => any;
+        close: () => any;
         opened: () => any;
         closed: () => any;
         openAutoFocus: () => any;
@@ -204,17 +204,17 @@ declare const _FormDrawer: {
         center: boolean;
         size: import("..").FormDialogWidth;
         title: string;
+        modelValue: boolean;
+        appendTo: string | HTMLElement;
         draggable: boolean;
         appendToBody: boolean;
-        appendTo: string | HTMLElement;
-        modelValue: boolean;
         showClose: boolean;
-        closeOnPressEscape: boolean;
         confirmText: string;
         cancelText: string;
         hideConfirm: boolean;
         hideCancel: boolean;
         closeOnClickModal: boolean;
+        closeOnPressEscape: boolean;
         destroyOnClose: boolean;
         lockScroll: boolean;
         modal: boolean;
@@ -416,8 +416,8 @@ declare const _FormDrawer: {
         };
     }>> & Readonly<{
         onOpen?: (() => any) | undefined;
-        onClose?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        onClose?: (() => any) | undefined;
         onOpened?: (() => any) | undefined;
         onClosed?: (() => any) | undefined;
         onOpenAutoFocus?: (() => any) | undefined;
@@ -430,17 +430,17 @@ declare const _FormDrawer: {
         center: boolean;
         size: import("..").FormDialogWidth;
         title: string;
+        modelValue: boolean;
+        appendTo: string | HTMLElement;
         draggable: boolean;
         appendToBody: boolean;
-        appendTo: string | HTMLElement;
-        modelValue: boolean;
         showClose: boolean;
-        closeOnPressEscape: boolean;
         confirmText: string;
         cancelText: string;
         hideConfirm: boolean;
         hideCancel: boolean;
         closeOnClickModal: boolean;
+        closeOnPressEscape: boolean;
         destroyOnClose: boolean;
         lockScroll: boolean;
         modal: boolean;
@@ -639,8 +639,8 @@ declare const _FormDrawer: {
     };
 }>> & Readonly<{
     onOpen?: (() => any) | undefined;
-    onClose?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onClose?: (() => any) | undefined;
     onOpened?: (() => any) | undefined;
     onClosed?: (() => any) | undefined;
     onOpenAutoFocus?: (() => any) | undefined;
@@ -649,8 +649,8 @@ declare const _FormDrawer: {
     handleClose: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     open: () => any;
-    close: () => any;
     "update:modelValue": (value: boolean) => any;
+    close: () => any;
     opened: () => any;
     closed: () => any;
     openAutoFocus: () => any;
@@ -661,17 +661,17 @@ declare const _FormDrawer: {
     center: boolean;
     size: import("..").FormDialogWidth;
     title: string;
+    modelValue: boolean;
+    appendTo: string | HTMLElement;
     draggable: boolean;
     appendToBody: boolean;
-    appendTo: string | HTMLElement;
-    modelValue: boolean;
     showClose: boolean;
-    closeOnPressEscape: boolean;
     confirmText: string;
     cancelText: string;
     hideConfirm: boolean;
     hideCancel: boolean;
     closeOnClickModal: boolean;
+    closeOnPressEscape: boolean;
     destroyOnClose: boolean;
     lockScroll: boolean;
     modal: boolean;

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

@@ -2,11 +2,11 @@ import { defineComponent, ref, computed, watch, resolveComponent, createElementB
 import { reactiveOmit } from '@vueuse/core';
 import stdin_default$2 from '../icon/icon.vue.js';
 import stdin_default$1 from './style/index.js';
-import { useComponentConfig } from '../config-provider/config-provider.js';
+import { useComponentConfig } from '../config-provider/config-provider.api.js';
 
 var stdin_default = /* @__PURE__ */defineComponent({
   ...{
-    name: "FormGroup"
+    name: "CoFormGroup"
   },
   __name: "form-group",
   props: {

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

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

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

@@ -0,0 +1,181 @@
+import { type PropType, type SlotsType } from 'vue';
+import { type ElFormItemSlots, type FormItemExpose, type FormItemProps, type FormItemWidth } from '../form';
+export type FormListRow = Record<string, any>;
+export interface FormListColumn {
+    label?: string;
+    width?: FormItemWidth;
+    required?: boolean;
+}
+export declare const formListProps: {
+    defaultValue: {
+        type: ObjectConstructor;
+    };
+    min: {
+        type: NumberConstructor;
+    };
+    max: {
+        type: NumberConstructor;
+    };
+    modelValue: {
+        type: PropType<any[]>;
+        default: () => never[];
+    };
+    addText: {
+        type: StringConstructor;
+        default: string;
+    };
+    columns: {
+        type: PropType<FormListColumn[]>;
+    };
+    draggable: {
+        type: BooleanConstructor;
+    };
+    fieldType: {
+        type: PropType<import("..").FieldType>;
+        default: "input";
+    };
+    fieldProps: {
+        type: PropType<import("..").MapFieldTypeComponentProps[import("..").FieldType]["componentProps"]>;
+    };
+    fieldSlots: {
+        type: PropType<import("..").MapFieldTypeComponentProps[import("..").FieldType]["componentSlots"]>;
+    };
+    fieldRef: {
+        type: PropType<(el: any) => void>;
+    };
+    width: {
+        type: PropType<FormItemWidth>;
+    };
+    placeholder: {
+        type: StringConstructor;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    colProps: {
+        type: PropType<import("..").ColPublicProps>;
+    };
+    internalIndex: {
+        type: NumberConstructor;
+    };
+    tooltip: {
+        type: PropType<import("vue").VNodeChild>;
+    };
+    extra: {
+        type: PropType<import("vue").VNodeChild>;
+    };
+    label: StringConstructor;
+    labelWidth: {
+        readonly type: PropType<string | number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: "";
+    };
+    labelPosition: {
+        readonly type: PropType<"" | "left" | "right" | "top">;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: "";
+    };
+    prop: {
+        readonly type: PropType<import("element-plus").FormItemProp>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    required: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: undefined;
+    };
+    rules: {
+        readonly type: PropType<import("element-plus").FormItemRule | import("element-plus").FormItemRule[]>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    error: StringConstructor;
+    validateStatus: {
+        readonly type: PropType<"" | "error" | "success" | "validating">;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    for: StringConstructor;
+    inlineMessage: {
+        readonly type: PropType<string | boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: "";
+    };
+    showMessage: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: true;
+    };
+    size: {
+        readonly type: PropType<"" | "default" | "large" | "small">;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+};
+export interface FormListProps<T = FormListRow> extends /* @vue-ignore */ Omit<FormItemProps<'input'>, 'modelValue'> {
+    defaultValue?: T;
+    modelValue?: T[];
+    min?: number;
+    max?: number;
+    addText?: string;
+    columns?: FormListColumn[];
+    draggable?: boolean;
+}
+export interface FormListSlots<T = FormListRow> extends Omit<ElFormItemSlots, 'default'> {
+    default?: (props: {
+        row: T;
+        index: number;
+        getProp: (...args: (string | number)[]) => string[];
+    }) => any;
+    custom?: (props: {
+        list: T[];
+        getProp: (...args: (string | number)[]) => string[];
+        getKey: (row: T) => string;
+    } & FormListAction<T>) => any;
+}
+export declare const formListSlots: SlotsType<FormListSlots>;
+export declare const formListEmits: {
+    'update:modelValue': (value: any[]) => any[];
+};
+export interface FormListEmits<T = FormListRow> {
+    (e: 'update:modelValue', value: T[]): void;
+}
+export interface FormListAction<T = FormListRow> {
+    add: (row?: T, index?: number) => void;
+    remove: (index: number) => void;
+    move: (fromIndex: number, toIndex: number) => void;
+}
+export interface FormListExpose<T = FormListRow> extends FormItemExpose, FormListAction<T> {
+}
+export declare const formListExposeKeys: string[];
+export interface FormListGuards<T = FormListRow> {
+    beforeAdd: (defaultValue: T, index: number, count: number) => Promise<any> | any;
+    beforeRemove: (index: number, count: number) => Promise<boolean> | boolean;
+}
+export interface FormListContext {
+}

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

@@ -0,0 +1,35 @@
+import { formItemExposeKeys, formItemProps } from '../form/form-item.api.js';
+
+const formListProps = {
+  ...formItemProps,
+  defaultValue: {
+    type: Object
+  },
+  min: {
+    type: Number
+  },
+  max: {
+    type: Number
+  },
+  modelValue: {
+    type: Array,
+    default: () => []
+  },
+  addText: {
+    type: String,
+    default: "co.common.add"
+  },
+  columns: {
+    type: Array
+  },
+  draggable: {
+    type: Boolean
+  }
+};
+const formListSlots = Object;
+const formListEmits = {
+  "update:modelValue": (value) => value || true
+};
+const formListExposeKeys = [...formItemExposeKeys, "add", "remove", "move"];
+
+export { formListEmits, formListExposeKeys, formListProps, formListSlots };

package/components/form-list/form-list.style.d.ts

@@ -0,0 +1,4 @@
+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-list/{style/index.js → form-list.style.js}

@@ -1,6 +1,6 @@
-import { getStyleHook } from '../../theme/getStyleHook.js';
+import { getSimpleStyleHook } from '../theme/getSimpleStyleHook.js';
 
-const getFormListStyle = (token) => {
+var stdin_default = getSimpleStyleHook("CoFormList", (token) => {
   const { componentCls } = token;
   return {
     [componentCls]: {
@@ -28,9 +28,6 @@ const getFormListStyle = (token) => {
       }
     }
   };
-};
-var stdin_default = getStyleHook("FormList", (token) => {
-  return [getFormListStyle(token)];
 });
 
 export { stdin_default as default };

package/components/form-list/form-list.vue.d.ts

@@ -1,12 +1,12 @@
-import { type FormListProps, type FormListSlots, type FormListEmits, type FormListExpose, type FormListRow } from './form-list';
-declare const _default: <T extends FormListRow = FormListRow>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+import { type FormListExpose, type FormListRow, type FormListProps, type FormListSlots, type FormListEmits } from './form-list.api';
+declare const _default: <T extends FormListRow>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
-        readonly "onUpdate:modelValue"?: ((value: FormListRow[]) => any) | undefined;
+        readonly "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:modelValue"> & FormListProps<T> & Partial<{}>> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<FormListExpose<T>>): void;
     attrs: any;
     slots: FormListSlots<T>;
-    emit: FormListEmits<FormListRow>;
+    emit: FormListEmits<T>;
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };