cosey 0.4.36 → 0.4.37

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

@@ -34,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;
@@ -44,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: {
@@ -132,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, inject, useTemplateRef, computed, mergeProps, resolveComponent, createBlock, openBlock, unref, withCtx, createVNode, createSlots, createElementVNode, normalizeStyle, normalizeClass, renderSlot, createElementBlock, createCommentVNode, resolveDynamicComponent, renderList, normalizeProps, guardReactiveProps } 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';
@@ -144,6 +145,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
     } = useLocale();
     const formItemProps = reactiveOmit(props, "colProps", "width", "fieldType", "fieldProps", "fieldRef", "modelValue", "placeholder", "disabled", "readonly");
     const attrs = useAttrs();
+    const slots = useSlots();
     const emit = __emit;
     const formContext = inject(formContextSymbol, null);
     const formItemRef = useTemplateRef("form-item");
@@ -218,6 +220,13 @@ var stdin_default = /* @__PURE__ */defineComponent({
       return formContext?.readonly || props.readonly;
     });
     const formItemSlotNames = ["error"];
+    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);
     const extraTemplate = defineTemplate(() => props.extra);
@@ -239,7 +248,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
             readonly: mergedReadonly.value,
             type: _ctx.fieldType,
             "component-props": mergedFieldProps.value,
-            "component-slots": _ctx.fieldSlots,
+            "component-slots": fieldSlots.value,
             "component-ref": _ctx.fieldRef
           }, null, 8, ["readonly", "type", "component-props", "component-slots", "component-ref"])]), _ctx.extra || _ctx.$slots.extra ? (openBlock(), createElementBlock("div", {
             key: 0,

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/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.36",
+  "version": "0.4.37",
   "description": "基于 Vue3 + vite 的后台管理系统框架",
   "type": "module",
   "main": "index.js",