@oiij/naive-ui 0.0.54 → 0.0.56

package/dist/components/preset-form/index.d.ts

@@ -1,4 +1,4 @@
-import { FormItemGiProps, FormItemRule, FormProps, FormRules, GridProps } from 'naive-ui';
+import { FormItemProps, FormItemRule, FormProps, FormRules, GridItemProps, GridProps } from 'naive-ui';
 import { VNode } from 'vue';
 import { DataObject } from '../../composables/useDataRequest';
 import { NaiveFormClearRules, NaiveFormReturns, NaiveFormRules } from '../../composables/useNaiveForm';
@@ -15,8 +15,10 @@ export type PresetFormOptionItem<V extends DataObject = DataObject> = PresetInpu
     span?: string | number | (() => string | number);
     hidden?: boolean | (() => boolean);
     rule?: FormRules | FormItemRule | FormItemRule[];
-    itemProps?: FormItemGiProps & ClassStyle;
-    render?: (params: PresetFormExpose<V>) => VNode | null;
+    itemProps?: FormItemProps & GridItemProps & ClassStyle;
+    render?: (params: PresetFormExpose<V> & {
+        overflow: boolean;
+    }) => VNode | null;
 };
 export type PresetFormOptions<V extends DataObject = DataObject> = PresetFormOptionItem<V>[];
 export type PresetFormProps<V extends DataObject = DataObject> = {

package/dist/components/preset-input/index.d.ts

@@ -1,23 +1,24 @@
 import { ButtonProps, CheckboxGroupProps, CheckboxProps, ColorPickerProps, DatePickerProps, DividerProps, DynamicTagsProps, InputNumberProps, InputProps, RadioGroupProps, RadioProps, RateProps, SelectProps, SliderProps, SwitchProps, TimePickerProps } from 'naive-ui';
-import { VNode } from 'vue';
+import { VNode, VNodeArrayChildren } from 'vue';
 import { ClassStyle } from '../data-table-plus/index';
 import { SearchInputProps } from '../search-input/index';
 export { default as NPresetInput } from './PresetInput.vue';
+type RawChildren = string | number | boolean | VNode | VNodeArrayChildren | (() => any);
 export type PresetInputType = {
     'button': {
         props?: ButtonProps & {
             label?: string;
         };
         slots?: {
-            default?: () => VNode;
-            icon?: () => VNode;
+            default?: () => RawChildren;
+            icon?: () => RawChildren;
         };
     };
     'color-picker': {
         props?: ColorPickerProps;
         slots?: {
-            label?: (color: string | null) => VNode;
-            action?: () => VNode;
+            label?: (color: string | null) => RawChildren;
+            action?: () => RawChildren;
         };
     };
     'checkbox': {
@@ -25,13 +26,13 @@ export type PresetInputType = {
             options?: CheckboxProps[];
         };
         slots?: {
-            default?: () => VNode;
+            default?: () => RawChildren;
         };
     };
     'divider': {
         props?: DividerProps;
         slots?: {
-            default?: () => VNode;
+            default?: () => RawChildren;
         };
     };
     'date-picker': {
@@ -44,46 +45,46 @@ export type PresetInputType = {
             input?: (info: {
                 submit: (value: any) => void;
                 deactivate: () => void;
-            }) => VNode;
+            }) => RawChildren;
             trigger?: (info: {
                 activate: () => void;
                 disabled: boolean;
-            }) => VNode;
+            }) => RawChildren;
         };
     };
     'input': {
         props?: InputProps;
         slots?: {
-            clearIcon?: () => VNode;
+            clearIcon?: () => RawChildren;
             count?: (props: {
                 value: string;
-            }) => VNode;
-            passwordInvisibleIcon?: () => VNode;
-            passwordVisibleIcon?: () => VNode;
-            prefix?: () => VNode;
-            separator?: () => VNode;
-            suffix?: () => VNode;
+            }) => RawChildren;
+            passwordInvisibleIcon?: () => RawChildren;
+            passwordVisibleIcon?: () => RawChildren;
+            prefix?: () => RawChildren;
+            separator?: () => RawChildren;
+            suffix?: () => RawChildren;
         };
     };
     'input-number': {
         props?: InputNumberProps;
         slots?: {
-            addIcon?: () => VNode;
-            minusIcon?: () => VNode;
-            prefix?: () => VNode;
-            suffix?: () => VNode;
+            addIcon?: () => RawChildren;
+            minusIcon?: () => RawChildren;
+            prefix?: () => RawChildren;
+            suffix?: () => RawChildren;
         };
     };
     'search': {
         props?: SearchInputProps;
         slots?: {
-            prefix?: () => VNode;
-            prefixIcon?: () => VNode;
+            prefix?: () => RawChildren;
+            prefixIcon?: () => RawChildren;
             button?: (props: {
                 value: string;
                 loading: boolean;
-            }) => VNode;
-            buttonIcon?: () => VNode;
+            }) => RawChildren;
+            buttonIcon?: () => RawChildren;
         };
     };
     'radio': {
@@ -91,7 +92,7 @@ export type PresetInputType = {
             options?: RadioProps[];
         };
         slots?: {
-            default?: () => VNode;
+            default?: () => RawChildren;
         };
     };
     'rate': {
@@ -99,38 +100,38 @@ export type PresetInputType = {
         slots?: {
             default?: (info: {
                 index: number;
-            }) => VNode;
+            }) => RawChildren;
         };
     };
     'select': {
         props?: SelectProps;
         slots?: {
-            header?: () => VNode;
-            action?: () => VNode;
-            empty?: () => VNode;
-            arrow?: () => VNode;
+            header?: () => RawChildren;
+            action?: () => RawChildren;
+            empty?: () => RawChildren;
+            arrow?: () => RawChildren;
         };
     };
     'slider': {
         props?: SliderProps;
         slots?: {
-            thumb?: () => VNode;
+            thumb?: () => RawChildren;
         };
     };
     'switch': {
         props?: SwitchProps;
         slots?: {
-            checked?: () => VNode;
-            checkedIcon?: () => VNode;
-            icon?: () => VNode;
-            unchecked?: () => VNode;
-            uncheckedIcon?: () => VNode;
+            checked?: () => RawChildren;
+            checkedIcon?: () => RawChildren;
+            icon?: () => RawChildren;
+            unchecked?: () => RawChildren;
+            uncheckedIcon?: () => RawChildren;
         };
     };
     'time-picker': {
         props?: TimePickerProps;
         slots?: {
-            icon?: () => VNode;
+            icon?: () => RawChildren;
         };
     };
 };