cnhis-design-vue 3.3.3-release.9 → 3.4.0-beta.0

package/es/components/form-render/src/FormRenderWrapper.vue.d.ts

@@ -1,12 +1,12 @@
 import { AnyFn } from '../../../shared/types';
 import { FormRenderExpose } from '../../../components/form-render';
 declare const _default: import("vue").DefineComponent<{}, {
-    formRenderRef: import("vue").Ref<FormRenderExpose | undefined>;
-    key: import("vue").Ref<number>;
+    formRenderRef: import("vue").Ref<FormRenderExpose | undefined, FormRenderExpose | undefined>;
+    key: import("vue").Ref<number, number>;
     reload: () => Promise<void>;
     formRenderExposeKeyList: readonly ["validate", "getFormValues", "setFormValues", "setFieldState", "resetFields", "queryWidget", "getFieldList", "applySelectedSetting", "getTextFormValues", "optionInited", "updateAnchor"];
     exposed: Partial<FormRenderExpose>;
-    FormRender: import("vue").DefineComponent<{
+    FormRender: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         fieldList: {
             type: import("vue").PropType<import("../../../components/form-render").FieldItem[]>;
         };
@@ -100,7 +100,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             }>>;
         };
         components: {
-            type: import("vue").PropType<Record<string, import("vue").Component | import("vue").FunctionalComponent<{}, {}>>>;
+            type: import("vue").PropType<Record<string, import("vue").Component | import("vue").FunctionalComponent<{}, {}, any, {}>>>;
             default: () => {};
         };
         scope: {
@@ -185,11 +185,11 @@ declare const _default: import("vue").DefineComponent<{}, {
             type: import("vue").PropType<string[]>;
         };
         linebarDirection: {
-            type: import("vue").PropType<"horizontal" | "vertical">;
+            type: import("vue").PropType<"vertical" | "horizontal">;
             default: string;
         };
         linebarTextDirection: {
-            type: import("vue").PropType<"horizontal" | "vertical">;
+            type: import("vue").PropType<"vertical" | "horizontal">;
             default: string;
         };
         linebarWidth: {
@@ -212,9 +212,10 @@ declare const _default: import("vue").DefineComponent<{}, {
             type: BooleanConstructor;
         };
         lazyRender: BooleanConstructor;
+        linebreaksToTitle: BooleanConstructor;
         dialogFn: {};
-    }, {
-        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+    }>, {
+        props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             fieldList: {
                 type: import("vue").PropType<import("../../../components/form-render").FieldItem[]>;
             };
@@ -308,7 +309,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                 }>>;
             };
             components: {
-                type: import("vue").PropType<Record<string, import("vue").Component | import("vue").FunctionalComponent<{}, {}>>>;
+                type: import("vue").PropType<Record<string, import("vue").Component | import("vue").FunctionalComponent<{}, {}, any, {}>>>;
                 default: () => {};
             };
             scope: {
@@ -393,11 +394,11 @@ declare const _default: import("vue").DefineComponent<{}, {
                 type: import("vue").PropType<string[]>;
             };
             linebarDirection: {
-                type: import("vue").PropType<"horizontal" | "vertical">;
+                type: import("vue").PropType<"vertical" | "horizontal">;
                 default: string;
             };
             linebarTextDirection: {
-                type: import("vue").PropType<"horizontal" | "vertical">;
+                type: import("vue").PropType<"vertical" | "horizontal">;
                 default: string;
             };
             linebarWidth: {
@@ -420,20 +421,21 @@ declare const _default: import("vue").DefineComponent<{}, {
                 type: BooleanConstructor;
             };
             lazyRender: BooleanConstructor;
+            linebreaksToTitle: BooleanConstructor;
             dialogFn: {};
-        }>> & {
+        }>> & Readonly<{
             onFormChange?: ((...args: any[]) => any) | undefined;
             onScroll?: ((...args: any[]) => any) | undefined;
             onAnnotationChange?: ((...args: any[]) => any) | undefined;
             "onUpdate:selectedFields"?: ((...args: any[]) => any) | undefined;
             onLinebarChange?: ((...args: any[]) => any) | undefined;
             onReady?: ((...args: any[]) => any) | undefined;
-        }>>;
+        }> & {}>;
         emit: (event: "scroll" | "formChange" | "annotationChange" | "update:selectedFields" | "linebarChange" | "ready", ...args: any[]) => void;
         cssVars: import("vue").ComputedRef<import("../../../shared/types").AnyObject>;
         nuiThemeOverrides: import("naive-ui").GlobalThemeOverrides;
-        formRenderRef: import("vue").Ref<HTMLElement | undefined>;
-        formWidth: import("vue").Ref<number>;
+        formRenderRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+        formWidth: import("vue").Ref<number, number>;
         formHeight: import("vue").ComputedRef<string>;
         SchemaField: import("vue").DefineComponent<import("@formily/vue").ISchemaFieldProps>;
         businessCollector: import("../../../components/form-render").BusinessCollector;
@@ -446,13 +448,21 @@ declare const _default: import("vue").DefineComponent<{}, {
         formUUID: string;
         anchorBarRef: import("vue").Ref<{
             syncBarPosition: AnyFn;
+        } | undefined, {
+            syncBarPosition: AnyFn;
         } | undefined>;
-        currentAnchor: import("vue").WritableComputedRef<string>;
+        currentAnchor: import("vue").WritableComputedRef<string, string>;
         updateAnchorList: (field: import("@formily/core").GeneralField) => void;
         anchorIdList: import("vue").Ref<{
             name: string;
             title: string;
             index: number;
+        }[], (Record<"name" | "title", string> & {
+            index: number;
+        })[] | {
+            name: string;
+            title: string;
+            index: number;
         }[]>;
         onScroll: (scrollEvent: Event) => void;
         generateAnchorList: (formModel: import("@formily/core").Form<any>) => Promise<void>;
@@ -479,7 +489,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         setGraph: (field: import("@formily/core").GeneralField) => void;
         removeGraph: (field: import("@formily/core").GeneralField) => void;
         lowCodeEventTrigger: (field: import("@formily/core").GeneralField) => void;
-        emitFormChange: import("vue").Ref<boolean>;
+        emitFormChange: import("vue").Ref<boolean, boolean>;
         formModel: import("@formily/core").Form<{
             [x: string]: any;
         }>;
@@ -556,7 +566,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                 "x-read-pretty"?: boolean | undefined;
                 "x-compile-omitted"?: string[] | undefined;
             }>;
-            components: Record<string, import("vue").Component | import("vue").FunctionalComponent<{}, {}>>;
+            components: Record<string, import("vue").Component | import("vue").FunctionalComponent<{}, {}, any, {}>>;
             scope: import("../../../shared/types").AnyObject;
             annotation: Record<string, import("../../annotation-edit/src/type").AnnotationItem>;
             annotationShortcuts: (string | {
@@ -591,12 +601,13 @@ declare const _default: import("vue").DefineComponent<{}, {
             selectMode: boolean;
             selectedFields: string[];
             linebarWidth: string | number;
-            linebarDirection: "horizontal" | "vertical";
-            linebarTextDirection: "horizontal" | "vertical";
+            linebarDirection: "vertical" | "horizontal";
+            linebarTextDirection: "vertical" | "horizontal";
             autoWidth: number | boolean;
             feedbackType: "default" | "tooltip";
             fixMemoLeak: boolean;
             lazyRender: boolean;
+            linebreaksToTitle: boolean;
             dialogFn: any;
         }>) => Record<string, import("@formily/json-schema").Stringify<{
             [key: symbol]: any;
@@ -774,16 +785,16 @@ declare const _default: import("vue").DefineComponent<{}, {
         onKeydown: (event: KeyboardEvent) => Promise<void>;
         clearSpan: (uuid: string) => void;
         exposeEvent: Omit<FormRenderExpose, "updateAnchor" | "getFieldList" | "optionInited" | "formModel" | "reload">;
-        useVersion: typeof import("../../../shared/hooks").useVersion;
-        FormConsumer: import("vue").DefineComponent<{}, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-        FormProvider: import("vue").DefineComponent<Record<"form", any>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Record<"form", any>>>, {
+        readonly useVersion: typeof import("../../../shared/hooks").useVersion;
+        readonly FormConsumer: import("vue").DefineComponent<{}, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        readonly FormProvider: import("vue").DefineComponent<Record<"form", any>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Record<"form", any>>>, {
             form: any;
-        }>;
-        NConfigProvider: any;
-        NForm: any;
-        NTabPane: any;
-        NTabs: any;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "formChange" | "annotationChange" | "update:selectedFields" | "linebarChange" | "ready")[], "scroll" | "formChange" | "annotationChange" | "update:selectedFields" | "linebarChange" | "ready", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        readonly NConfigProvider: any;
+        readonly NForm: any;
+        readonly NTabPane: any;
+        readonly NTabs: any;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "formChange" | "annotationChange" | "update:selectedFields" | "linebarChange" | "ready")[], "scroll" | "formChange" | "annotationChange" | "update:selectedFields" | "linebarChange" | "ready", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         fieldList: {
             type: import("vue").PropType<import("../../../components/form-render").FieldItem[]>;
         };
@@ -877,7 +888,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             }>>;
         };
         components: {
-            type: import("vue").PropType<Record<string, import("vue").Component | import("vue").FunctionalComponent<{}, {}>>>;
+            type: import("vue").PropType<Record<string, import("vue").Component | import("vue").FunctionalComponent<{}, {}, any, {}>>>;
             default: () => {};
         };
         scope: {
@@ -962,11 +973,11 @@ declare const _default: import("vue").DefineComponent<{}, {
             type: import("vue").PropType<string[]>;
         };
         linebarDirection: {
-            type: import("vue").PropType<"horizontal" | "vertical">;
+            type: import("vue").PropType<"vertical" | "horizontal">;
             default: string;
         };
         linebarTextDirection: {
-            type: import("vue").PropType<"horizontal" | "vertical">;
+            type: import("vue").PropType<"vertical" | "horizontal">;
             default: string;
         };
         linebarWidth: {
@@ -989,19 +1000,20 @@ declare const _default: import("vue").DefineComponent<{}, {
             type: BooleanConstructor;
         };
         lazyRender: BooleanConstructor;
+        linebreaksToTitle: BooleanConstructor;
         dialogFn: {};
-    }>> & {
+    }>> & Readonly<{
         onFormChange?: ((...args: any[]) => any) | undefined;
         onScroll?: ((...args: any[]) => any) | undefined;
         onAnnotationChange?: ((...args: any[]) => any) | undefined;
         "onUpdate:selectedFields"?: ((...args: any[]) => any) | undefined;
         onLinebarChange?: ((...args: any[]) => any) | undefined;
         onReady?: ((...args: any[]) => any) | undefined;
-    }, {
+    }>, {
+        maxHeight: string | number;
         anchor: boolean;
         column: number;
-        maxHeight: string | number;
-        components: Record<string, import("vue").Component | import("vue").FunctionalComponent<{}, {}>>;
+        components: Record<string, import("vue").Component | import("vue").FunctionalComponent<{}, {}, any, {}>>;
         initialData: import("../../../shared/types").AnyObject;
         parallelism: number;
         scope: import("../../../shared/types").AnyObject;
@@ -1017,15 +1029,16 @@ declare const _default: import("vue").DefineComponent<{}, {
         wordSplitFilter: boolean;
         selectMode: boolean;
         linebarWidth: string | number;
-        linebarDirection: "horizontal" | "vertical";
-        linebarTextDirection: "horizontal" | "vertical";
+        linebarDirection: "vertical" | "horizontal";
+        linebarTextDirection: "vertical" | "horizontal";
         autoWidth: number | boolean;
         feedbackType: "default" | "tooltip";
         fixMemoLeak: boolean;
         lazyRender: boolean;
+        linebreaksToTitle: boolean;
         nominalAge: boolean;
         operationalFormInit: boolean;
         incrementalRender: boolean;
-    }>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/components/form-render/src/FormRenderWrapper.vue2.js

@@ -4,7 +4,7 @@ import FormRender from './FormRender.vue.js';
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "FormRenderWrapper",
   setup(__props, {
-    expose
+    expose: __expose
   }) {
     const formRenderRef = ref();
     const key = ref(0);
@@ -20,7 +20,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       };
       return res;
     }, {});
-    expose({
+    __expose({
       ...exposed,
       formModel: computed(() => {
         var _a;

package/es/components/form-render/src/components/renderer/combination/combination.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import { CombinationItemDeletableFn, FieldItem } from '../../../../../../components/form-render';
-export declare const COMBINATION: import("vue").DefineComponent<{
+export declare const COMBINATION: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     title: {
         type: StringConstructor;
         default: string;
@@ -30,7 +30,7 @@ export declare const COMBINATION: import("vue").DefineComponent<{
     onInput: {};
     onBlur: {};
     onChange: {};
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:value"[], "update:value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:value"[], "update:value", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     title: {
         type: StringConstructor;
         default: string;
@@ -60,13 +60,13 @@ export declare const COMBINATION: import("vue").DefineComponent<{
     onInput: {};
     onBlur: {};
     onChange: {};
-}>> & {
+}>> & Readonly<{
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     title: string;
     disabled: boolean;
+    properties: FieldItem[];
     minGroupNum: number;
     combinationItemDeletable: boolean | CombinationItemDeletableFn;
-    properties: FieldItem[];
     showLabel: boolean;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/es/components/form-render/src/components/renderer/combination/hooks/useCombination.d.ts

@@ -1,8 +1,8 @@
 import { AnyObject } from '../../../../../../../shared/types';
 export declare function useCombination(props: AnyObject): {
-    deletableList: import("vue").Ref<boolean[]>;
-    currentGroupNum: any;
+    deletableList: import("vue").Ref<boolean[], boolean[]>;
+    currentGroupNum: import("vue").Ref<any, any>;
     maxGroupNum: import("vue").ComputedRef<number>;
-    renderHeader: (attrs: AnyObject) => JSX.Element;
-    renderRemoveBtn: (attrs: AnyObject, idx: number) => JSX.Element;
+    renderHeader: (attrs: AnyObject) => any;
+    renderRemoveBtn: (attrs: AnyObject, idx: number) => any;
 };

package/es/components/form-render/src/components/renderer/combination/jsonCombination.d.ts

@@ -1,6 +1,6 @@
 import { FieldItem } from '../../../../../../components/form-render';
 import { PropType } from 'vue';
-export declare const JSON_COMBINATION: import("vue").DefineComponent<{
+export declare const JSON_COMBINATION: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     title: {
         type: StringConstructor;
         default: string;
@@ -23,7 +23,7 @@ export declare const JSON_COMBINATION: import("vue").DefineComponent<{
     onInput: {};
     onBlur: {};
     onChange: {};
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:value"[], "update:value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:value"[], "update:value", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     title: {
         type: StringConstructor;
         default: string;
@@ -46,11 +46,11 @@ export declare const JSON_COMBINATION: import("vue").DefineComponent<{
     onInput: {};
     onBlur: {};
     onChange: {};
-}>> & {
+}>> & Readonly<{
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     title: string;
-    minGroupNum: number;
     properties: FieldItem[];
+    minGroupNum: number;
     showLabel: boolean;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/es/components/form-render/src/components/renderer/combination/tableCombination.d.ts

@@ -1,7 +1,7 @@
 import { AnyObject } from '../../../../../../shared/types';
 import { PropType } from 'vue';
 import { CombinationItemDeletableFn, FieldItem } from '../../../../../../components/form-render';
-export declare const TABLE_COMBINATION: import("vue").DefineComponent<{
+export declare const TABLE_COMBINATION: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     title: {
         type: StringConstructor;
         default: string;
@@ -30,7 +30,7 @@ export declare const TABLE_COMBINATION: import("vue").DefineComponent<{
     onInput: {};
     onBlur: {};
     onChange: {};
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:value"[], "update:value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:value"[], "update:value", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     title: {
         type: StringConstructor;
         default: string;
@@ -59,12 +59,12 @@ export declare const TABLE_COMBINATION: import("vue").DefineComponent<{
     onInput: {};
     onBlur: {};
     onChange: {};
-}>> & {
+}>> & Readonly<{
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     title: string;
     disabled: boolean;
+    properties: FieldItem[];
     minGroupNum: number;
     combinationItemDeletable: boolean | CombinationItemDeletableFn;
-    properties: FieldItem[];
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/es/components/form-render/src/components/renderer/complex.d.ts

@@ -1,5 +1,5 @@
 import { CSSProperties, PropType } from 'vue';
-export declare const COMPLEX: import("vue").DefineComponent<{
+export declare const COMPLEX: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     onChange: {};
     span: {
         type: NumberConstructor;
@@ -13,7 +13,7 @@ export declare const COMPLEX: import("vue").DefineComponent<{
         type: PropType<CSSProperties>;
         default: () => {};
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     onChange: {};
     span: {
         type: NumberConstructor;
@@ -27,8 +27,8 @@ export declare const COMPLEX: import("vue").DefineComponent<{
         type: PropType<CSSProperties>;
         default: () => {};
     };
-}>>, {
+}>> & Readonly<{}>, {
     display: "flex" | "grid";
     wrapperStyle: CSSProperties;
     span: number;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/es/components/form-render/src/components/renderer/date.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-export declare const DATE: import("vue").DefineComponent<{
+export declare const DATE: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     onChange: {};
     disabled: {
         type: BooleanConstructor;
@@ -10,7 +10,7 @@ export declare const DATE: import("vue").DefineComponent<{
     validate: {
         type: PropType<Partial<{
             [key: string]: any;
-            obj_type: "password" | "sex" | "age" | "email" | "birthday" | "id_card" | "age_unit" | "mobile" | "telephone" | "bank_card" | "website" | "gestational_weeks" | "gestational_stage" | "customer_name";
+            obj_type: "sex" | "age" | "email" | "password" | "birthday" | "id_card" | "age_unit" | "mobile" | "telephone" | "bank_card" | "website" | "gestational_weeks" | "gestational_stage" | "customer_name";
             vali_obj: string;
             max_value: string | number;
             min_value: string | number;
@@ -37,7 +37,7 @@ export declare const DATE: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:value"[], "update:value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:value"[], "update:value", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     onChange: {};
     disabled: {
         type: BooleanConstructor;
@@ -48,7 +48,7 @@ export declare const DATE: import("vue").DefineComponent<{
     validate: {
         type: PropType<Partial<{
             [key: string]: any;
-            obj_type: "password" | "sex" | "age" | "email" | "birthday" | "id_card" | "age_unit" | "mobile" | "telephone" | "bank_card" | "website" | "gestational_weeks" | "gestational_stage" | "customer_name";
+            obj_type: "sex" | "age" | "email" | "password" | "birthday" | "id_card" | "age_unit" | "mobile" | "telephone" | "bank_card" | "website" | "gestational_weeks" | "gestational_stage" | "customer_name";
             vali_obj: string;
             max_value: string | number;
             min_value: string | number;
@@ -75,11 +75,11 @@ export declare const DATE: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & {
+}>> & Readonly<{
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     disabled: boolean;
     allowedInvalidValue: string;
     valueFormat: string;
     dbclickToCurrent: boolean;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/es/components/form-render/src/components/renderer/date.js

@@ -1,4 +1,4 @@
-import { defineComponent, computed, watch, ref, onMounted, inject, createVNode, mergeProps } from 'vue';
+import { defineComponent, computed, watch, ref, onMounted, inject, h, createVNode, mergeProps } from 'vue';
 import { generateTimeFormat } from '../../../../../shared/utils/index.js';
 import { connect, mapProps } from '@formily/vue';
 import { useEventListener } from '@vueuse/core';
@@ -192,17 +192,19 @@ const script = /* @__PURE__ */ defineComponent({
     } = useLocale("DatePicker");
     return () => {
       var _a;
-      return (globProps == null ? void 0 : globProps.lazyRender) && showText.value ? createVNode("div", {
-        "class": ["form-render__textMode--input n-input", {
+      return (globProps == null ? void 0 : globProps.lazyRender) && showText.value ? h("div", {
+        class: ["form-render__textMode--input n-input", {
           "form-render__textMode--inputDisabled": props.disabled
         }],
-        "tabindex": 0,
-        "onFocus": onFocus
-      }, [[valueRef.value ? createVNode("span", null, [valueRef.value]) : createVNode("span", {
-        "class": "form-render__textMode--inputPlaceholder"
-      }, [props.placeholder || ((_a = localeRef.value) == null ? void 0 : _a.datetimePlaceholder)]), createVNode(script$1, {
-        "class": "form-render__textMode--dateIcon n-base-icon n-date-picker-icon"
-      }, null)]]) : createVNode(DatePicker, mergeProps({
+        tabindex: 0,
+        onFocus
+      }, [h("span", {
+        class: {
+          "form-render__textMode--inputPlaceholder": !valueRef.value
+        }
+      }, valueRef.value || props.placeholder || ((_a = localeRef.value) == null ? void 0 : _a.datetimePlaceholder)), h(script$1, {
+        class: "form-render__textMode--dateIcon n-base-icon n-date-picker-icon"
+      })]) : createVNode(DatePicker, mergeProps({
         "ref": datePickerRef,
         "key": key.value,
         "disabled": props.disabled,

package/es/components/form-render/src/components/renderer/formItem.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import { FieldItem } from '../../../../../components/form-render';
-export declare const FORM_ITEM: import("vue").DefineComponent<{
+export declare const FORM_ITEM: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     label: StringConstructor;
     propertyKey: StringConstructor;
     remark: StringConstructor;
@@ -27,7 +27,8 @@ export declare const FORM_ITEM: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    onClickOutside: PropType<(...args: any[]) => void>;
+}>, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     label: StringConstructor;
     propertyKey: StringConstructor;
     remark: StringConstructor;
@@ -54,9 +55,10 @@ export declare const FORM_ITEM: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>>, {
-    showFeedback: boolean;
+    onClickOutside: PropType<(...args: any[]) => void>;
+}>> & Readonly<{}>, {
     span: number;
+    showFeedback: boolean;
     isOptionChildField: boolean;
     showTooltipFeedback: boolean;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/es/components/form-render/src/components/renderer/formItem.js

@@ -3,7 +3,7 @@ import { arrayed, getStringWidth, widthAppend } from '../../../../../shared/util
 import { isVoidField } from '@formily/core';
 import { observe, autorun } from '@formily/reactive';
 import { connect, mapProps } from '@formily/vue';
-import { useDebounceFn } from '@vueuse/core';
+import { useDebounceFn, onClickOutside } from '@vueuse/core';
 import { isString, isArray, isObject, isNumber, isFunction, uniq } from 'lodash-es';
 import { NFormItem, NTooltip, NButton } from 'naive-ui';
 import Annotation from '../../../../annotation-edit/index.js';
@@ -43,7 +43,8 @@ const script = /* @__PURE__ */ defineComponent({
     showTooltipFeedback: {
       type: Boolean,
       default: true
-    }
+    },
+    onClickOutside: Function
   },
   setup(props, {
     slots,
@@ -127,7 +128,7 @@ const script = /* @__PURE__ */ defineComponent({
         "contentStyle": "background-color:white;color:rgb(51, 54, 57);padding:8px;position:relative;"
       }, {
         trigger: () => createVNode(NButton, {
-          "onClick": withModifiers(() => editorTitleShowRef.value = !editorTitleShowRef.value, ["stop", "prev"]),
+          "onClick": withModifiers(() => editorTitleShowRef.value = !editorTitleShowRef.value, ["stop", "prevent"]),
           "text": true,
           "type": "primary"
         }, {
@@ -326,8 +327,14 @@ const script = /* @__PURE__ */ defineComponent({
         return props.showFeedback;
       return !!props.feedback && props.feedback !== " " && props.showFeedback;
     });
+    const formItemRef = ref();
+    props.onClickOutside && onClickOutside(formItemRef, (event) => {
+      var _a;
+      return (_a = props.onClickOutside) == null ? void 0 : _a.call(props, event);
+    });
     return () => {
       return createVNode(NFormItem, mergeProps({
+        "ref": formItemRef,
         "class": ["form-render__formItem", {
           "form-render--no-border": !borderedRef.value,
           "form-render--underline": borderedRef.value === "underline",

package/es/components/form-render/src/components/renderer/input.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-export declare const INPUT: import("vue").DefineComponent<{
+export declare const INPUT: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     value: {
         type: StringConstructor;
     };
@@ -20,7 +20,7 @@ export declare const INPUT: import("vue").DefineComponent<{
     password: {
         type: BooleanConstructor;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     value: {
         type: StringConstructor;
     };
@@ -41,8 +41,8 @@ export declare const INPUT: import("vue").DefineComponent<{
     password: {
         type: BooleanConstructor;
     };
-}>>, {
-    password: boolean;
+}>> & Readonly<{}>, {
     disabled: boolean;
+    password: boolean;
     eventType: "change" | "input";
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;