cosey 0.4.35 → 0.4.37

package/components/field/field.vue.d.ts

@@ -3,7 +3,7 @@ declare const _default: <T extends FieldType>(__VLS_props: NonNullable<Awaited<t
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & FeildProps<T> & Partial<{}>> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
-    slots: FeildProps<T>;
+    slots: {};
     emit: {};
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;

package/components/field/field.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, useSlots, computed, createBlock, openBlock, resolveDynamicComponent, unref } from 'vue';
+import { defineComponent, computed, createBlock, openBlock, resolveDynamicComponent, unref } from 'vue';
 import { mapFieldTypeComponent } from './field.js';
 import { defineTemplate } from '../../utils/vue.js';
 
@@ -32,7 +32,6 @@ var stdin_default = /* @__PURE__ */defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const slots = useSlots();
     const component = computed(() => {
       return mapFieldTypeComponent[props.type || "input"];
     });
@@ -46,7 +45,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
       return h(component.value, {
         readonly: props.readonly,
         componentProps: mergedComponentProps.value
-      }, slots);
+      }, props.componentSlots);
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(resolveDynamicComponent(unref(template)));

package/components/field/index.d.ts

@@ -1,6 +1,6 @@
 export * from './field';
 declare const _Field: (<T extends import("./field").FieldType>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
-    slots: import("./field").FeildProps<T>;
+    slots: {};
     attrs: any;
     emit: {};
 }, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
@@ -13,7 +13,7 @@ declare const _Field: (<T extends import("./field").FieldType>(__VLS_props: NonN
     } & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
-    slots: import("./field").FeildProps<T>;
+    slots: {};
     emit: {};
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;

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

@@ -14,6 +14,7 @@ export declare const mapFormItemWidth: {
 export interface FormItemProps<T extends FieldType> extends Partial<ElFormItemProps> {
     fieldType?: T;
     fieldProps?: MapFieldTypeComponentProps[T]['componentProps'];
+    fieldSlots?: MapFieldTypeComponentProps[FieldType]['componentSlots'];
     fieldRef?: (el: any) => void;
     modelValue?: NonNullable<MapFieldTypeComponentProps[T]['componentProps']>['modelValue'] | null;
     width?: FormItemWidth;
@@ -33,7 +34,10 @@ export declare const defaultFormItemProps: {
     disabled: boolean;
     readonly: boolean;
 };
-export interface ElFormItemSlots {
+export declare const exlucdeFieldSlotNames: readonly ["error", "label", "default", "tooltip", "extra"];
+type ExlucdeFieldSlotNames = (typeof exlucdeFieldSlotNames)[number];
+type OptionExlucdeFieldSlotNames = `option-${ExlucdeFieldSlotNames}`;
+export type ElFormItemSlots = {
     default?: (props: Record<string, any>) => any;
     label?: (props: {
         label: string;
@@ -43,7 +47,9 @@ export interface ElFormItemSlots {
     }) => any;
     tooltip?: (props: Record<string, any>) => any;
     extra?: (props: Record<string, any>) => any;
-}
+} & {
+    [K in OptionExlucdeFieldSlotNames]?: (...args: any[]) => any;
+};
 export type FormItemSlots<T extends FieldType> = NonNullable<MapFieldTypeComponentProps[T]['componentSlots']> & ElFormItemSlots;
 export declare const formItemProps: {
     fieldType: {
@@ -131,3 +137,4 @@ export interface FormItemEmits {
 export declare const formItemExposeKeys: string[];
 export interface FormItemExpose extends FormItemInstance {
 }
+export {};

package/components/form/form-item.js

@@ -15,6 +15,7 @@ const defaultFormItemProps = {
   disabled: false,
   readonly: false
 };
+const exlucdeFieldSlotNames = ["error", "label", "default", "tooltip", "extra"];
 const formItemProps = {
   ...formItemProps$1,
   fieldType: {
@@ -39,4 +40,4 @@ const elFormItemExposeKeys = [
 ];
 const formItemExposeKeys = [...elFormItemExposeKeys];
 
-export { defaultFormItemProps, formItemExposeKeys, formItemProps, formItemPropsKeys, mapFormItemWidth };
+export { defaultFormItemProps, exlucdeFieldSlotNames, formItemExposeKeys, formItemProps, formItemPropsKeys, mapFormItemWidth };

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

@@ -1,5 +1,5 @@
-import { defineComponent, mergeDefaults, useAttrs, useSlots, inject, useTemplateRef, computed, mergeProps, resolveComponent, createBlock, openBlock, unref, withCtx, createVNode, createSlots, createElementVNode, normalizeStyle, normalizeClass, renderSlot, createElementBlock, createCommentVNode, renderList, normalizeProps, guardReactiveProps, resolveDynamicComponent } from 'vue';
-import { defaultFormItemProps, formItemExposeKeys } from './form-item.js';
+import { defineComponent, mergeDefaults, useAttrs, useSlots, inject, useTemplateRef, computed, mergeProps, resolveComponent, createBlock, openBlock, unref, withCtx, createVNode, createSlots, createElementVNode, normalizeStyle, normalizeClass, renderSlot, createElementBlock, createCommentVNode, resolveDynamicComponent, renderList, normalizeProps, guardReactiveProps } from 'vue';
+import { exlucdeFieldSlotNames, defaultFormItemProps, formItemExposeKeys } from './form-item.js';
 import { formContextSymbol } from './form.js';
 import { Field as _Field } from '../field/index.js';
 import { formQueryContextSymbol } from '../form-query/form-query.js';
@@ -10,6 +10,7 @@ import { useFormItemWidth } from './useFormItemWidth.js';
 import { ElFormItem } from 'element-plus';
 import { reactiveOmit } from '@vueuse/core';
 import { useToken } from '../theme/util/useToken.js';
+import { omit } from 'lodash-es';
 import { omitUndefined } from '../../utils/object.js';
 import { useComponentConfig } from '../config-provider/config-provider.js';
 import { useLocale } from '../../hooks/useLocale.js';
@@ -32,6 +33,10 @@ var stdin_default = /* @__PURE__ */defineComponent({
       type: Object,
       required: false
     },
+    fieldSlots: {
+      type: null,
+      required: false
+    },
     fieldRef: {
       type: Function,
       required: false
@@ -215,9 +220,12 @@ var stdin_default = /* @__PURE__ */defineComponent({
       return formContext?.readonly || props.readonly;
     });
     const formItemSlotNames = ["error"];
-    const exlucdeFieldSlotNames = ["error", "label", "default", "tooltip", "extra"];
-    const fieldSlotNames = computed(() => {
-      return Object.keys(slots).filter(key => !exlucdeFieldSlotNames.includes(key));
+    const fieldSlots = computed(() => {
+      return {
+        ...Object.fromEntries(exlucdeFieldSlotNames.map(name => [name, slots[`field-${name}`]])),
+        ...omit(slots, exlucdeFieldSlotNames),
+        ...props.fieldSlots
+      };
     });
     const labelTemplate = defineTemplate(() => props.label);
     const tooptipTemplate = defineTemplate(() => props.tooltip);
@@ -240,16 +248,9 @@ var stdin_default = /* @__PURE__ */defineComponent({
             readonly: mergedReadonly.value,
             type: _ctx.fieldType,
             "component-props": mergedFieldProps.value,
+            "component-slots": fieldSlots.value,
             "component-ref": _ctx.fieldRef
-          }, createSlots({
-            _: 2
-            /* DYNAMIC */
-          }, [renderList(fieldSlotNames.value, name => {
-            return {
-              name,
-              fn: withCtx(slotProps => [renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps)))])
-            };
-          })]), 1032, ["readonly", "type", "component-props", "component-ref"])]), _ctx.extra || _ctx.$slots.extra ? (openBlock(), createElementBlock("div", {
+          }, null, 8, ["readonly", "type", "component-props", "component-slots", "component-ref"])]), _ctx.extra || _ctx.$slots.extra ? (openBlock(), createElementBlock("div", {
             key: 0,
             class: normalizeClass(`${unref(prefixCls)}-item-extra`)
           }, [_ctx.extra ? (openBlock(), createBlock(resolveDynamicComponent(unref(extraTemplate)), {

package/components/form/index.d.ts

@@ -481,6 +481,7 @@ declare const _FormItem: (<T extends import("..").FieldType>(__VLS_props: NonNul
         readonly "onUpdate:modelValue"?: ((value: unknown) => any) | undefined;
         fieldType?: T | undefined;
         fieldProps?: import("..").MapFieldTypeComponentProps[T]["componentProps"] | undefined;
+        fieldSlots?: import("..").MapFieldTypeComponentProps[import("..").FieldType]["componentSlots"];
         fieldRef?: ((el: any) => void) | undefined;
         modelValue?: NonNullable<import("..").MapFieldTypeComponentProps[T]["componentProps"]>["modelValue"] | null | undefined;
         width?: import("./form-item").FormItemWidth | undefined;

package/components/form/index.js

@@ -5,7 +5,7 @@ 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, formItemExposeKeys, formItemProps, formItemPropsKeys, mapFormItemWidth } from './form-item.js';
+export { defaultFormItemProps, exlucdeFieldSlotNames, formItemExposeKeys, formItemProps, formItemPropsKeys, mapFormItemWidth } from './form-item.js';
 
 const _Form = withInstall(stdin_default$1);
 const _FormItem = withInstall(stdin_default$2);

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

@@ -64,6 +64,10 @@ var stdin_default = /* @__PURE__ */defineComponent({
       type: Object,
       required: false
     },
+    fieldSlots: {
+      type: null,
+      required: false
+    },
     fieldRef: {
       type: Function,
       required: false

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

@@ -42,6 +42,7 @@ declare const _FormList: (<T extends import("./form-list").FormListRow = import(
             onBlur?: (evt: FocusEvent) => void;
             onClear?: () => void;
         }) | undefined;
+        fieldSlots?: import("..").MapFieldTypeComponentProps[import("..").FieldType]["componentSlots"];
         fieldRef?: ((el: any) => void) | undefined;
         colProps?: import("..").ColProps | undefined;
         internalIndex?: number | undefined;

package/components/index.js

@@ -61,7 +61,7 @@ export { defaultEditorProps } from './editor/editor.js';
 export { mapFieldTypeComponent } from './field/field.js';
 export { defaultFileCardProps } from './file-card/file-card.js';
 export { formBubbleContextSymbol, formContextSymbol, formExposeKeys, formProps, formPropsOmit } from './form/form.js';
-export { defaultFormItemProps, formItemExposeKeys, formItemProps, formItemPropsKeys, mapFormItemWidth } from './form/form-item.js';
+export { defaultFormItemProps, exlucdeFieldSlotNames, formItemExposeKeys, formItemProps, formItemPropsKeys, mapFormItemWidth } from './form/form-item.js';
 export { getFormItemWidth, useFormItemWidth } from './form/useFormItemWidth.js';
 export { useBubbleTemplate } from './form/useBubbleTemplate.js';
 export { useFormTemplate } from './form/useFormTemplate.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cosey",
-  "version": "0.4.35",
+  "version": "0.4.37",
   "description": "基于 Vue3 + vite 的后台管理系统框架",
   "type": "module",
   "main": "index.js",