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

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

@@ -1,7 +1,7 @@
 import { AnyObject, AnyFn } from '../../../../../shared/types';
 import { PropType } from 'vue';
 import { UrlConfig } from '../../../../../components/form-render';
-export declare const SEARCH_CASCADER: import("vue").DefineComponent<{
+export declare const SEARCH_CASCADER: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     options: {
         type: PropType<AnyObject[]>;
         default: () => never[];
@@ -41,7 +41,7 @@ export declare const SEARCH_CASCADER: import("vue").DefineComponent<{
     };
     onChange: {};
     value: {};
-}, () => 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<{
     options: {
         type: PropType<AnyObject[]>;
         default: () => never[];
@@ -81,9 +81,9 @@ export declare const SEARCH_CASCADER: import("vue").DefineComponent<{
     };
     onChange: {};
     value: {};
-}>> & {
+}>> & Readonly<{
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     options: AnyObject[];
     checkStrategy: string;
     labelField: string;
@@ -91,4 +91,4 @@ export declare const SEARCH_CASCADER: import("vue").DefineComponent<{
     lazyRequest: boolean;
     requestCache: boolean;
     filterable: boolean;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -253,6 +253,7 @@ const script = /* @__PURE__ */ defineComponent({
       target.dispatchEvent(new CustomEvent("scroll"));
     }
     function filterValue(pattern, option) {
+      var _a;
       if (!pattern || !option)
         return false;
       const {
@@ -260,6 +261,8 @@ const script = /* @__PURE__ */ defineComponent({
       } = option;
       if (props.checkStrategy.includes("child") && option.depth < maxDepthValue.value)
         return false;
+      if (!mergeItemValue)
+        return (_a = option[labelKey.value]) == null ? void 0 : _a.includes(pattern.trim());
       return mergeItemValue.length > 0 && mergeItemValue.some((item) => item.includes(pattern.trim()));
     }
     const {

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

@@ -3,7 +3,7 @@ import { AnyObject, ArrayAble } from '../../../../../shared/types';
 import { PropType } from 'vue';
 import { RecommendItem } from '../../../../../components/recommend-search/src/types';
 import { UrlConfig } from '../../types';
-export declare const SELECT: import("vue").DefineComponent<{
+export declare const SELECT: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     value: {
         type: PropType<ArrayAble<string | number> | null>;
     };
@@ -118,7 +118,7 @@ export declare const SELECT: import("vue").DefineComponent<{
     unMatchedOption: {
         type: FunctionConstructor;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:value" | "postRecommend" | "patternChange")[], "update:value" | "postRecommend" | "patternChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:value" | "postRecommend" | "patternChange")[], "update:value" | "postRecommend" | "patternChange", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     value: {
         type: PropType<ArrayAble<string | number> | null>;
     };
@@ -233,11 +233,11 @@ export declare const SELECT: import("vue").DefineComponent<{
     unMatchedOption: {
         type: FunctionConstructor;
     };
-}>> & {
+}>> & Readonly<{
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
     onPostRecommend?: ((...args: any[]) => any) | undefined;
     onPatternChange?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     options: AnyObject[];
     multiple: boolean;
     disabled: boolean;
@@ -258,4 +258,4 @@ export declare const SELECT: import("vue").DefineComponent<{
     useLoading: boolean;
     showCustomValue: boolean;
     cursorPlacement: "start" | "end";
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -1,6 +1,6 @@
 import { AnyObject } from '../../../../../shared/types';
 export declare const BUTTON: {
-    (props: AnyObject): JSX.Element;
+    (props: AnyObject): any;
     props: {
         onClick: {};
         fieldItem: {};
@@ -9,4 +9,4 @@ export declare const BUTTON: {
 };
 export declare const LINE_BREAKS: (props: {
     border?: boolean;
-}) => JSX.Element;
+}) => any;

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

@@ -1,11 +1,11 @@
-export declare const SLIDER: import("vue").DefineComponent<{
+export declare const SLIDER: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     value: {
         type: (NumberConstructor | StringConstructor)[];
     };
-}, () => 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<{
     value: {
         type: (NumberConstructor | StringConstructor)[];
     };
-}>> & {
+}>> & Readonly<{
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-}, {}>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -3,7 +3,7 @@ interface Description {
     value: string;
     describe: string;
 }
-export declare const SWITCH: import("vue").DefineComponent<{
+export declare const SWITCH: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     value: {};
     openDescription: {
         type: PropType<Description>;
@@ -16,7 +16,7 @@ export declare const SWITCH: import("vue").DefineComponent<{
         default: string;
     };
     onChange: {};
-}, () => JSX.Element | (JSX.Element | null)[], 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<{
     value: {};
     openDescription: {
         type: PropType<Description>;
@@ -29,9 +29,9 @@ export declare const SWITCH: import("vue").DefineComponent<{
         default: string;
     };
     onChange: {};
-}>> & {
+}>> & Readonly<{
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     showMode: "CHECKBOX" | "SWITCH";
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export {};

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

@@ -1,17 +1,17 @@
 import { PropType } from 'vue';
 import { FieldItem } from '../../../../../components/form-render';
-export declare const TEXT: import("vue").DefineComponent<{
+export declare const TEXT: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     content: {};
     fieldItem: {
         type: PropType<FieldItem>;
     };
     value: {};
     onChange: {};
-}, () => any, 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<{
     content: {};
     fieldItem: {
         type: PropType<FieldItem>;
     };
     value: {};
     onChange: {};
-}>>, {}>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-export declare const TEXTAREA: import("vue").DefineComponent<{
+export declare const TEXTAREA: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     value: {
         type: StringConstructor;
     };
@@ -12,7 +12,7 @@ export declare const TEXTAREA: import("vue").DefineComponent<{
         type: PropType<"change" | "input">;
         default: string;
     };
-}, () => 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<{
     value: {
         type: StringConstructor;
     };
@@ -25,8 +25,8 @@ export declare const TEXTAREA: import("vue").DefineComponent<{
         type: PropType<"change" | "input">;
         default: string;
     };
-}>> & {
+}>> & Readonly<{
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     eventType: "change" | "input";
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -1,7 +1,7 @@
-export declare const TIME: import("vue").DefineComponent<{
+export declare const TIME: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     value: {};
     onChange: {};
-}, () => 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: {};
     onChange: {};
-}>>, {}>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -1,24 +1,24 @@
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     message: StringConstructor;
     to: {
         default: string;
     };
-}, {
-    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+}>, {
+    props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         message: StringConstructor;
         to: {
             default: string;
         };
-    }>> & {}>>;
+    }>> & Readonly<{}> & {}>;
     parsedMessages: import("vue").ComputedRef<string[]>;
-    HelpCircleOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-    NTooltip: any;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly HelpCircleOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, 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 NTooltip: any;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     message: StringConstructor;
     to: {
         default: string;
     };
-}>>, {
+}>> & Readonly<{}>, {
     to: string;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -30,7 +30,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         to: __props.to
       }, {
         trigger: withCtx(() => [renderSlot(_ctx.$slots, "trigger", {}, () => [createVNode(unref(HelpCircleOutline))])]),
-        default: withCtx(() => [createElementVNode("section", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(parsedMessages), (m) => {
+        default: withCtx(() => [createElementVNode("section", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(parsedMessages.value, (m) => {
           return openBlock(), createElementBlock("span", {
             key: m
           }, toDisplayString(m), 1);

package/es/components/form-render/src/constants/index.d.ts

@@ -17,7 +17,7 @@ export declare const InjectionFormColumnWidth: InjectionKey<ComputedRef<number>>
 export declare const InjectionFormUUID: InjectionKey<string>;
 export declare const InjectionFormGraph: InjectionKey<Record<string, GeneralField>>;
 export declare const InjectionAnnotation: InjectionKey<WritableComputedRef<Nullable<Record<string, AnnotationItem>>>>;
-export declare const InjectionAnnotationShortcuts: InjectionKey<WritableComputedRef<Exclude<NonNullable<AnnotationItem>, string>['shortcuts']>>;
+export declare const InjectionAnnotationShortcuts: InjectionKey<ComputedRef<Exclude<NonNullable<AnnotationItem>, string>['shortcuts']>>;
 export declare const InjectionFormGlobalProps: InjectionKey<Readonly<FormRenderProps>>;
 export declare const InjectionFormGlobalEmit: InjectionKey<(event: string, ...args: any[]) => void>;
 export declare enum FIELD_BUSINESS_TYPE {

package/es/components/form-render/src/hooks/useAnchor.d.ts

@@ -3,17 +3,25 @@ import { Form, GeneralField } from '@formily/core';
 import { Ref } from 'vue';
 import { FormItemDepsCollector, FormRenderProps } from '../../../../components/form-render';
 export declare function useAnchor(props: Readonly<FormRenderProps>, emit: AnyFn, scrollbarRef: Ref<UndefinedAble<HTMLElement>>, collector: FormItemDepsCollector): {
-    currentAnchor: import("vue").WritableComputedRef<string>;
+    currentAnchor: import("vue").WritableComputedRef<string, string>;
     onScroll: (scrollEvent: Event) => void;
     anchorIdList: Ref<{
         name: string;
         title: string;
         index: number;
+    }[], (Record<"name" | "title", string> & {
+        index: number;
+    })[] | {
+        name: string;
+        title: string;
+        index: number;
     }[]>;
     generateAnchorList: (formModel: Form) => Promise<void>;
     updateAnchorList: (field: GeneralField) => void;
     scrollTo: (id: string) => Promise<void>;
     anchorBarRef: Ref<{
         syncBarPosition: AnyFn;
+    } | undefined, {
+        syncBarPosition: AnyFn;
     } | undefined>;
 };

package/es/components/form-render/src/hooks/useCommonInjection.d.ts

@@ -3,7 +3,7 @@ import { WatchSource } from '@vue/runtime-core';
 export declare function useCommonInjection(): {
     injectValueValidate: (traverser: WatchSource) => void;
     injectValueWatchFromEmpty: (traverser: WatchSource, trigger: AnyFn) => void;
-    injectValueBindKey: (traverser: WatchSource) => import("vue").Ref<number>;
+    injectValueBindKey: (traverser: WatchSource) => import("vue").Ref<number, number>;
 };
 export declare function useSelectOptionProps(): {
     nodeProps: () => {

package/es/components/form-render/src/hooks/useComplexOptions.d.ts

@@ -16,11 +16,11 @@ export declare function useComplexOptions(props: {
         valueKey?: string | undefined;
         labelKey?: string | undefined;
         childFieldStrategy: 'checked' | 'all';
-        childWidthMode?: "inner" | "outer" | undefined;
+        childWidthMode?: "outer" | "inner" | undefined;
         renderLabel?: boolean | undefined;
         attrs?: AnyObject | undefined;
-    }) => (JSX.Element | null)[];
-    valueRef: Ref<any>;
+    }) => any[];
+    valueRef: Ref<any, any>;
     hasComplexOption: import("vue").ComputedRef<boolean>;
 };
 export declare function useComplexOptionsSpan(): {

package/es/components/form-render/src/hooks/useFieldListAdaptor.js

@@ -1,5 +1,5 @@
 import { arrayed, deepOmit } from '../../../../shared/utils/index.js';
-import { cloneDeep, castArray, pick } from 'lodash-es';
+import { cloneDeep, castArray, omit, pick } from 'lodash-es';
 import '../../index.js';
 import { isPositive, isNegative, isValidWidgetCombination, parseNumberFromMaybeString, formRenderLog } from '../utils/index.js';
 import { useFieldNormalize } from './useFieldNormalize.js';
@@ -318,7 +318,10 @@ function useFieldListAdaptor(collector, globProps) {
         hide_title: "1",
         is_show: isNegative(suffix.is_show) ? "0" : item.is_show
       };
-    })];
+    })].map((item2) => {
+      item2.decoratorProps = omit(item2.decoratorProps, ["onClickOutside"]);
+      return item2;
+    });
     const groupSpan = fieldList.reduce((res, item2) => {
       return res + +(item2.elem_width || 3) * 2;
     }, 0);

package/es/components/form-render/src/hooks/useFieldNormalize.d.ts

@@ -66,7 +66,7 @@ export declare function useFieldNormalize(): {
             "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 | {
@@ -101,12 +101,13 @@ export declare function useFieldNormalize(): {
         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;
     }>], import("../../../../shared/utils/tapable").UnsetAdditionalOptions>;
     FieldListNormalizeWaterfallHook: SyncWaterfallHook<[FieldItem[], Partial<{
@@ -174,7 +175,7 @@ export declare function useFieldNormalize(): {
             "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 | {
@@ -209,12 +210,13 @@ export declare function useFieldNormalize(): {
         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;
     }>], import("../../../../shared/utils/tapable").UnsetAdditionalOptions>;
 };

package/es/components/form-render/src/hooks/useFieldNormalize.js

@@ -178,6 +178,21 @@ function useFieldNormalize() {
   }) => {
     return fieldList;
   });
+  FieldNormalizeWaterfallHook.tap("__linebreaksToTitle", (fieldItem, {
+    linebreaksToTitle
+  }) => {
+    if (linebreaksToTitle && fieldItem.html_type === "LINE_BREAKS") {
+      Object.assign(fieldItem, {
+        elem_width: 9999,
+        decoratorProps: {
+          showLabel: false
+        },
+        content: fieldItem.alias || fieldItem.name || fieldItem.val_key || "",
+        html_type: "TEXT"
+      });
+    }
+    return fieldItem;
+  });
   FieldListNormalizeWaterfallHook.tap("__prefix/suffix", (fieldList) => {
     const prefixOrSuffixItem = [];
     traverse(fieldList, (fieldItem) => {

package/es/components/form-render/src/hooks/useFormField.d.ts

@@ -1,7 +1,7 @@
 import { GeneralField } from '@formily/core';
 import { FieldItem } from '../../../../components/form-render';
 export declare function useFormField<T extends GeneralField>(): {
-    field: import("vue").Ref<T>;
+    field: import("vue").Ref<T, T>;
     title: import("vue").ComputedRef<any>;
     fieldKey: import("vue").ComputedRef<string>;
     fieldAddress: import("vue").ComputedRef<string>;

package/es/components/form-render/src/hooks/useFormRenderOptions.d.ts

@@ -32,17 +32,17 @@ export declare function useUrlConfigOptions(props: Partial<{
     lazyRequest: boolean;
     searchByValue: boolean;
 }>, valueRef: Ref, hooks?: UseOptionHooks): {
-    labelKey: Ref<string>;
-    loading: Ref<boolean>;
-    showKey: Ref<string | undefined>;
-    valueKey: Ref<string>;
-    remoteOptions: Ref<AnyObject[] | null>;
+    labelKey: Ref<string, string>;
+    loading: Ref<boolean, boolean>;
+    showKey: Ref<string | undefined, string | undefined>;
+    valueKey: Ref<string, string>;
+    remoteOptions: Ref<AnyObject[] | null, AnyObject[] | null>;
     filterOptions: import("vue").ComputedRef<AnyObject[]>;
     fullOptions: import("vue").ComputedRef<AnyObject[]>;
     fetchData: (content?: string | undefined, otherParams?: AnyObject | undefined, options?: {
         avoidSearchContent?: boolean | undefined;
     }) => Promise<null | undefined>;
-    searchContent: Ref<string | undefined>;
+    searchContent: Ref<string | undefined, string | undefined>;
 };
 export declare function useAutographOptions(props: Partial<{
     labelField: string;
@@ -54,16 +54,16 @@ export declare function useAutographOptions(props: Partial<{
     lazyRequest: boolean;
     options: AnyObject[];
 }>, valueRef: Ref, hooks?: UseOptionHooks): {
-    labelKey: Ref<string>;
-    loading: Ref<boolean>;
-    showKey: Ref<string | undefined>;
-    valueKey: Ref<string>;
-    remoteOptions: Ref<AnyObject[] | null>;
+    labelKey: Ref<string, string>;
+    loading: Ref<boolean, boolean>;
+    showKey: Ref<string | undefined, string | undefined>;
+    valueKey: Ref<string, string>;
+    remoteOptions: Ref<AnyObject[] | null, AnyObject[] | null>;
     filterOptions: import("vue").ComputedRef<AnyObject[]>;
     fullOptions: import("vue").ComputedRef<AnyObject[]>;
     fetchData: (content?: string | undefined, otherParams?: AnyObject | undefined, options?: {
         avoidSearchContent?: boolean | undefined;
     }) => Promise<null | undefined>;
-    searchContent: Ref<string | undefined>;
+    searchContent: Ref<string | undefined, string | undefined>;
 };
 export {};

package/es/components/form-render/src/hooks/useLowCodeReactions.js

@@ -29,7 +29,8 @@ function useLowCodeReactions(configListRef, formModel) {
       const targetConfig = (_a = config.setValueField) == null ? void 0 : _a.find((item) => item.field === field.path.toString());
       if (!targetConfig)
         return;
-      field.value = targetConfig.value;
+      const value = targetConfig.value === "null" ? null : targetConfig.value === "undefined" ? void 0 : targetConfig.value;
+      field.value = value;
     })
   };
   function createFieldHandler(cb) {

package/es/components/form-render/src/hooks/useNuiThemeOverrides.d.ts

@@ -1,4 +1,3 @@
-import { GlobalThemeOverrides } from 'naive-ui';
 export declare function useNuiThemeOverrides(): {
-    nuiThemeOverrides: GlobalThemeOverrides;
+    nuiThemeOverrides: import("naive-ui").GlobalThemeOverrides;
 };

package/es/components/form-render/src/types/index.d.ts

@@ -175,6 +175,7 @@ export type FormRenderProps = Partial<{
     feedbackType: 'tooltip' | 'default';
     fixMemoLeak: boolean;
     lazyRender: boolean;
+    linebreaksToTitle: boolean;
     dialogFn: any;
 }>;
 export type FormBusinessFormatter = (payload: {

package/es/components/form-render/src/utils/index.d.ts

@@ -15,14 +15,14 @@ export declare function parseNumberFromMaybeString<T>(value: T): T extends numbe
 export declare function createSlot(renderer: unknown, props: AnyObject, defaultRenderer?: (v: unknown) => unknown[]): Record<string, () => ArrayAble<VNode>> | {
     default(): any;
 };
-export declare function createInputSlot(props: AnyObject, defaultRenderer?: (v: unknown) => unknown[]): import("vue").ComputedRef<Record<string, FunctionalComponent<{}, {}>>>;
+export declare function createInputSlot(props: AnyObject, defaultRenderer?: (v: unknown) => unknown[]): import("vue").ComputedRef<Record<string, FunctionalComponent<{}, {}, any, {}>>>;
 export declare function validateMessageParser(message: string, fieldItem: Omit<FieldItem, 'reactions'>): string;
 export declare function combineExtendKey(fieldList: FieldItem[], values: AnyObject): AnyObject;
 export declare function splitExtendKey(fieldList: FieldItem[], values: AnyObject): AnyObject;
 export declare function isNestedType(type?: string): boolean | "" | undefined;
 export declare function isNestedFieldType(field: FieldItem | GeneralField): boolean | "" | undefined;
-export declare function renderOptionLabel(option: AnyObject, labelKey: string): JSX.Element;
-export declare function renderDescOption(labelNode: any, option: AnyObject): JSX.Element;
+export declare function renderOptionLabel(option: AnyObject, labelKey: string): any;
+export declare function renderDescOption(labelNode: any, option: AnyObject): any;
 export declare function getAbsoluteKey(fieldKey: string, field: Pattern): string;
 export declare function editorUnescape(content: string): string;
 export declare function FieldListFilter(list: FieldItem[], condition: (item: FieldItem) => boolean): FieldItem[];

package/es/components/form-render/style/index.css

@@ -1 +1 @@
-.annotation-edit{align-items:center;color:var(--c-primary-color);cursor:pointer;display:inline-flex;font-size:16px;user-select:none}.annotation-edit.is-active{color:var(--c-primary-color);filter:hue-rotate(140deg)}.annotation-edit__icon{align-items:center;display:inline-flex}.annotation-edit__textarea{min-width:200px}.annotation-edit__footer{align-items:center;display:flex;flex-wrap:nowrap;gap:8px;justify-content:space-between;opacity:.5}.annotation-edit__footer>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.annotation-edit__footer>div:first-of-type{min-width:30%}.recommend-search__menu{min-height:100px}.recommend-search__menuRecommendList{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.recommend-search__menuRecommendList .n-tag{cursor:pointer}.recommend-search__recentRecommend{margin-bottom:8px}.recommend-search__recentRecommend>header{align-items:center;color:rgba(0,0,0,.4);display:flex;justify-content:space-between}.recommend-search__recentRecommend>header .n-icon:hover{color:rgba(0,0,0,.6);cursor:pointer}.recommend-search__commonRecommend{margin-bottom:8px}.recommend-search__commonRecommend>header{align-items:center;color:rgba(0,0,0,.4);display:flex;justify-content:space-between}.recommend-search__commonRecommend>header .n-icon:hover{color:rgba(0,0,0,.6);cursor:pointer}.recommend-search__option{align-items:center;border-radius:4px;cursor:pointer;display:flex;height:32px;justify-content:space-between;padding:0 8px}.recommend-search__optionText{max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recommend-search__option.is-active{color:var(--n-color)!important}.recommend-search__option.is-active .n-icon{font-size:20px}.recommend-search__option:hover{background:rgba(0,0,0,.03)}.recommend-search__optionContainer{margin:-8px -10px}.recommend-search__empty{align-items:center;color:rgba(0,0,0,.3);display:flex;height:100px;justify-content:center}.search-cascader__menuWrapper{display:flex;flex-wrap:nowrap;margin:-8px -14px}.search-cascader__input input{cursor:pointer!important}.search-cascader__option{align-items:center;border-radius:4px;box-sizing:border-box;display:flex;height:32px;justify-content:space-between;min-width:100%;padding:0 8px 0 16px;width:fit-content}.search-cascader__option--active{background:#f8f8f8}.search-cascader__option:hover{background:#f5f5f5;cursor:pointer}.search-cascader__optionWrapper{background:#fff;height:256px;overflow-x:auto;width:calc(var(--menu-width)*1px)}.search-cascader__optionWrapper:not(:last-of-type){border:solid #e5e5e5;border-width:0 1px 0 0}.search-cascader__optionText{white-space:nowrap}.search-cascader__optionText--active{color:var(--c-primary-color)}.search-cascader__option svg{color:#bfbfbf;flex-shrink:0;font-size:12px;width:20px}.search-cascader__option svg.rotate{animation:rotate 1s linear infinite}.search-cascader__emptyWrapper{align-items:center;background:#fff;box-sizing:border-box;display:flex;height:300px;justify-content:center;padding:16px;width:100%}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.form-render__wrapper{align-items:start;display:grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr));max-height:var(--form-height);overflow-y:auto;position:relative}.form-render__formItem{grid-column:span min(var(--column),var(--form-item-column)) /span min(var(--column),var(--form-item-column));position:relative}.form-render__formItemMask{margin-bottom:8px;padding:8px}.form-render__formItemMask:after{border:1px solid #c2c2c2;border-radius:8px;box-sizing:border-box;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.form-render__formItemMask--selected:after{border-color:var(--c-primary-color)}.form-render__formItemMask--selected:before{border-bottom:12px solid var(--c-primary-color);border-bottom-right-radius:8px;border-left:12px solid transparent;border-right:12px solid var(--c-primary-color);border-top:12px solid transparent;bottom:0;color:#fff;content:"✓";font-size:10px;height:0;line-height:.9;position:absolute;right:0;width:0}.form-render__formItem.n-form-item--left-labelled .form-render__formItemLabel--text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-render__formItem .n-date-picker,.form-render__formItem .n-input-number{width:100%}.form-render__formItemLabel{align-items:center;display:inline-flex;justify-content:space-between;position:relative}.form-render__formItemLabel--operation{align-items:center;display:flex;gap:2px;position:absolute;right:0;top:50%;transform:translateY(-50%)}.form-render__formItemLabel--tooltip{font-size:0;line-height:1;width:16px}.form-render__formItem .n-form-item-label{display:inline-flex}.form-render__formItem .n-form-item-label [annotation-hover-show=true]{visibility:hidden}.form-render__formItem .n-form-item-label:hover [annotation-hover-show=true]{visibility:visible}.form-render__linebar{grid-column:span min(var(--column),var(--column)) /span min(var(--column),var(--column))}.form-render__linebarHeader{align-items:center;background:var(--c-primary-color-opacity2);border-radius:4px;cursor:pointer;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:space-between;margin-bottom:8px;padding:0 16px}.form-render__linebarHeader>svg{color:rgba(33,33,33,.4);width:14px}.form-render__linebarHeaderTitle{align-items:center;display:flex;font-size:15px;gap:4px;vertical-align:middle}.form-render__linebarHeaderTitle svg{height:16px;transform:translateY(-1px)}.form-render__linebarHeader--disabled{cursor:auto}.form-render__linebarItem{align-items:start;display:grid!important;flex:1;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr))}.form-render__linebar--horizontal{align-items:stretch;display:flex;position:relative}.form-render__linebar--horizontal .form-render__linebarHeader{align-items:center;background:transparent;border-radius:0;box-sizing:border-box;display:flex;height:unset;justify-content:center;margin-bottom:0;margin-left:-8px;max-width:var(--form-render-linebar-width);padding:8px;text-align:center;width:var(--form-render-linebar-width);word-break:break-all}.form-render__linebar--horizontal .form-render__linebarItem{padding:8px 0 8px 8px}.form-render__linebar--horizontalBorder:after{border-bottom:1px solid #000;bottom:0;content:"";height:1px;left:0;margin-left:-8px;position:absolute;width:calc(100% + 16px)}.form-render__linebar:last-of-type .form-render__linebar--horizontalBorder:after{display:none}.form-render__linebreaks{grid-column:span min(var(--column),var(--form-item-column)) /span min(var(--column),var(--form-item-column))}.form-render__inputGroup{align-items:start;display:grid!important;gap:0 16px;gap:0;grid-column:span min(var(--column),var(--column)) /span min(var(--column),var(--column));grid-template-columns:repeat(var(--column),minmax(0,1fr))}.form-render__inputGroup>div{grid-column:span min(var(--column),var(--form-item-column)) /span min(var(--column),var(--form-item-column))}.form-render__inputGroup>div:not(:last-of-type) .n-base-selection__border,.form-render__inputGroup>div:not(:last-of-type) .n-input__border{border-bottom-right-radius:0;border-right:0;border-top-right-radius:0}.form-render__inputGroup>div:last-of-type .n-base-selection__border,.form-render__inputGroup>div:last-of-type .n-input__border{border-bottom-left-radius:0;border-top-left-radius:0}.form-render__inputGroup .n-form-item--left-labelled:not(:first-of-type)>label{display:none}.form-render__combination{width:100%}.form-render__combinationHeader{display:flex;gap:12px}.form-render__combinationHeader>h3{font-size:16px;font-weight:700;margin:0;padding:0}.form-render__combinationHeader .n-button__icon{font-size:14px;margin:0 2px 0 0}.form-render__combinationHeaderText{font-size:16px;font-weight:500}.form-render__combinationClose{font-size:16px;height:14px;position:absolute;right:5px;top:5px;width:14px}.form-render__combinationContentJson{position:relative}.form-render__combinationContent{align-items:start;display:grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr));position:relative}.form-render__complex{width:100%}.form-render__complexContent--grid{align-items:start;display:grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr))}.form-render__complexContent--flex{display:flex!important;gap:0 8px}.form-render__selectMenu .n-scrollbar-rail__scrollbar{display:none!important}.form-render__selectMenu .n-virtual-list::-webkit-scrollbar,.form-render__selectMenu .n-virtual-list::-webkit-scrollbar-thumb{display:unset!important;height:6px;width:6px}.form-render__selectMenu .n-virtual-list::-webkit-scrollbar-thumb{background:#bfbfbf;border-radius:4px}.form-render__selectMenu .v-vl-items{min-width:100%;width:max-content}.form-render__selectOption .n-base-select-option__content{overflow:visible!important;text-overflow:unset!important;word-break:keep-all!important}.form-render__labelField{align-items:start;display:grid!important;display:inline-grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr));grid-template-columns:repeat(var(--column),auto)!important;margin-left:16px}.form-render__labelField .n-form-item{display:inline-grid}.form-render__labelField label.n-form-item-label.n-form-item-label--left-mark{align-items:center}.form-render__labelField .n-checkbox[aria-checked=false] .n-checkbox-box{background-color:transparent}.form-render__labelField .n-checkbox[aria-checked=false] .n-checkbox-icon .check-icon{opacity:0}.form-render__labelField .n-checkbox[aria-checked=false] .n-checkbox-box__border{border:var(--n-border)}.form-render .form-render__formItem .n-checkbox,.form-render .form-render__formItem .n-radio{align-items:center}.form-render .form-render__formItem .n-radio-input{left:auto;right:auto}.form-render .form-render__formItem .n-checkbox-group>.n-space:not([vertical-space=true]),.form-render .form-render__formItem .n-radio-group>.n-space:not([vertical-space=true]){align-items:center!important}.form-render .form-render__formItem .n-checkbox__label{align-items:center;display:inline-flex;flex:1;flex-wrap:wrap}.form-render .form-render__formItem [showType=checkbox] .n-radio__dot{border-radius:0!important}.form-render .form-render__formItem [showType=checkbox] .n-radio__dot--checked{background:var(--c-primary-color)!important}.form-render .form-render__formItem [showType=checkbox] .n-radio__dot--checked:before{color:#fff;content:"✓";font-size:13px;font-weight:700;line-height:.8;transform:translateX(-1.5px)}.form-render--no-border .n-input{border-radius:0}.form-render--no-border .n-input__border,.form-render--no-border .n-input__state-border{border-width:0!important}.form-render--no-border .n-input:hover .n-input__state-border{border-bottom-width:1px!important}.form-render--no-border .n-input--focus{border-radius:0}.form-render--no-border .n-input--focus .n-input__state-border{border-bottom-width:1px!important;box-shadow:none!important}.form-render--no-border .n-base-selection--active .n-base-selection__state-border,.form-render--no-border .n-base-selection--focus .n-base-selection__state-border,.form-render--no-border .n-base-selection:hover .n-base-selection__state-border,.form-render--no-border .n-base-selection__border,.form-render--no-border .n-base-selection__state-border{border-width:0!important;box-shadow:none!important}.form-render--underline .n-input{border-radius:0}.form-render--underline .n-input__border,.form-render--underline .n-input__state-border{border-left-width:0!important;border-right-width:0!important;border-top-width:0!important}.form-render--underline .n-input--focus{border-radius:0}.form-render--underline .n-input--focus .n-input__state-border{box-shadow:none!important}.form-render--underline .n-base-selection--active .n-base-selection__state-border,.form-render--underline .n-base-selection--focus .n-base-selection__state-border,.form-render--underline .n-base-selection:hover .n-base-selection__state-border,.form-render--underline .n-base-selection__border,.form-render--underline .n-base-selection__state-border{border-left-width:0!important;border-right-width:0!important;border-top-width:0!important;box-shadow:none!important}.form-render--underline .n-input--textarea{background-image:linear-gradient(transparent,transparent 95%,#d5d5d5 0,#d5d5d5);background-origin:content-box;background-position:top;background-repeat:repeat-y;background-size:100% 22px;margin-top:4px;padding:0}.form-render--underline .n-input--textarea .n-input__textarea-el{padding:0}.form-render--underline .n-input--textarea .n-input__placeholder{padding-top:0}.form-render--underline .n-input--textarea .n-input__border,.form-render--underline .n-input--textarea .n-input__state-border{border:0!important}.form-render__selectChildField{align-items:start;display:grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr));width:100%}.form-render__selectChildFieldItem{grid-column:span min(var(--column),var(--form-item-column)) /span min(var(--column),var(--form-item-column))}.form-render--out-border .form-render__wrapper{border:1px solid #1f2225;padding:0 8px}.form-render__textMode--dateIcon{color:#c2c2c2;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.form-render__textMode--input{align-items:center;border:1px solid #d5d5d5;border-radius:3px;display:flex;height:32px;justify-content:space-between;max-height:32px;overflow:hidden;padding:0 7px;position:relative;white-space:nowrap;width:100%;word-break:keep-all}.form-render__textMode--inputPlaceholder{color:#c2c2c2}.form-render__textMode--inputDisabled{background-color:#f5f5f5;cursor:not-allowed}.form-render__textMode--inputDisabled .form-render__textMode--inputPlaceholder{color:#000}.form-render__textMode--input>span{flex:1;overflow:hidden}.form-render__textMode--input .n-input__prefix{margin-right:4px}.form-render__textMode--input .n-input__suffix{margin-left:4px}.form-render__selectOption.n-base-select-option--disabled .n-base-select-option__content{color:rgba(0,0,0,.4)}
+.annotation-edit{align-items:center;color:var(--c-primary-color);cursor:pointer;display:inline-flex;font-size:16px;user-select:none}.annotation-edit.is-active{color:var(--c-primary-color);filter:hue-rotate(140deg)}.annotation-edit__icon{align-items:center;display:inline-flex}.annotation-edit__textarea{min-width:200px}.annotation-edit__footer{align-items:center;display:flex;flex-wrap:nowrap;gap:8px;justify-content:space-between;opacity:.5}.annotation-edit__footer>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.annotation-edit__footer>div:first-of-type{min-width:30%}.recommend-search__menu{min-height:100px}.recommend-search__menuRecommendList{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.recommend-search__menuRecommendList .n-tag{cursor:pointer}.recommend-search__recentRecommend{margin-bottom:8px}.recommend-search__recentRecommend>header{align-items:center;color:rgba(0,0,0,.4);display:flex;justify-content:space-between}.recommend-search__recentRecommend>header .n-icon:hover{color:rgba(0,0,0,.6);cursor:pointer}.recommend-search__commonRecommend{margin-bottom:8px}.recommend-search__commonRecommend>header{align-items:center;color:rgba(0,0,0,.4);display:flex;justify-content:space-between}.recommend-search__commonRecommend>header .n-icon:hover{color:rgba(0,0,0,.6);cursor:pointer}.recommend-search__option{align-items:center;border-radius:4px;cursor:pointer;display:flex;height:32px;justify-content:space-between;padding:0 8px}.recommend-search__optionText{max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recommend-search__option.is-active{color:var(--n-color)!important}.recommend-search__option.is-active .n-icon{font-size:20px}.recommend-search__option:hover{background:rgba(0,0,0,.03)}.recommend-search__optionContainer{margin:-8px -10px}.recommend-search__empty{align-items:center;color:rgba(0,0,0,.3);display:flex;height:100px;justify-content:center}.search-cascader__menuWrapper{display:flex;flex-wrap:nowrap;margin:-8px -14px}.search-cascader__input input{cursor:pointer!important}.search-cascader__option{align-items:center;border-radius:4px;box-sizing:border-box;display:flex;height:32px;justify-content:space-between;min-width:100%;padding:0 8px 0 16px;width:fit-content}.search-cascader__option--active{background:#f8f8f8}.search-cascader__option:hover{background:#f5f5f5;cursor:pointer}.search-cascader__optionWrapper{background:#fff;height:256px;overflow-x:auto;width:calc(var(--menu-width)*1px)}.search-cascader__optionWrapper:not(:last-of-type){border:solid #e5e5e5;border-width:0 1px 0 0}.search-cascader__optionText{white-space:nowrap}.search-cascader__optionText--active{color:var(--c-primary-color)}.search-cascader__option svg{color:#bfbfbf;flex-shrink:0;font-size:12px;width:20px}.search-cascader__option svg.rotate{animation:rotate 1s linear infinite}.search-cascader__emptyWrapper{align-items:center;background:#fff;box-sizing:border-box;display:flex;height:300px;justify-content:center;padding:16px;width:100%}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.form-render__wrapper{align-items:start;display:grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr));max-height:var(--form-height);overflow-y:auto;position:relative}.form-render__formItem{grid-column:span min(var(--column),var(--form-item-column)) /span min(var(--column),var(--form-item-column));position:relative}.form-render__formItemMask{margin-bottom:8px;padding:8px}.form-render__formItemMask:after{border:1px solid #c2c2c2;border-radius:8px;box-sizing:border-box;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.form-render__formItemMask--selected:after{border-color:var(--c-primary-color)}.form-render__formItemMask--selected:before{border-bottom:12px solid var(--c-primary-color);border-bottom-right-radius:8px;border-left:12px solid transparent;border-right:12px solid var(--c-primary-color);border-top:12px solid transparent;bottom:0;color:#fff;content:"✓";font-size:10px;height:0;line-height:.9;position:absolute;right:0;width:0}.form-render__formItem.n-form-item--left-labelled .form-render__formItemLabel--text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-render__formItem .n-date-picker,.form-render__formItem .n-input-number{width:100%}.form-render__formItemLabel{align-items:center;display:inline-flex;justify-content:space-between;position:relative}.form-render__formItemLabel--operation{align-items:center;display:flex;gap:2px;position:absolute;right:0;top:50%;transform:translateY(-50%)}.form-render__formItemLabel--tooltip{font-size:0;line-height:1;width:16px}.form-render__formItem .n-form-item-label{display:inline-flex}.form-render__formItem .n-form-item-label [annotation-hover-show=true]{visibility:hidden}.form-render__formItem .n-form-item-label:hover [annotation-hover-show=true]{visibility:visible}.form-render__linebar{grid-column:span min(var(--column),var(--column)) /span min(var(--column),var(--column))}.form-render__linebarHeader{align-items:center;background:var(--c-primary-color-opacity2);border-radius:4px;cursor:pointer;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:space-between;margin-bottom:8px;padding:0 16px}.form-render__linebarHeader>svg{color:rgba(33,33,33,.4);width:14px}.form-render__linebarHeaderTitle{align-items:center;display:flex;font-size:15px;gap:4px;vertical-align:middle}.form-render__linebarHeaderTitle svg{height:16px;transform:translateY(-1px)}.form-render__linebarHeader--disabled{cursor:auto}.form-render__linebarItem{align-items:start;display:grid!important;flex:1;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr))}.form-render__linebar--horizontal{align-items:stretch;display:flex;position:relative}.form-render__linebar--horizontal .form-render__linebarHeader{align-items:center;background:transparent;border-radius:0;box-sizing:border-box;display:flex;height:unset;justify-content:center;margin-bottom:0;margin-left:-8px;max-width:var(--form-render-linebar-width);padding:8px;text-align:center;width:var(--form-render-linebar-width);word-break:break-all}.form-render__linebar--horizontal .form-render__linebarItem{padding:8px 0 8px 8px}.form-render__linebar--horizontalBorder:after{border-bottom:1px solid #000;bottom:0;content:"";height:1px;left:0;margin-left:-8px;position:absolute;width:calc(100% + 16px)}.form-render__linebar:last-of-type .form-render__linebar--horizontalBorder:after{display:none}.form-render__linebreaks{grid-column:span min(var(--column),var(--form-item-column)) /span min(var(--column),var(--form-item-column))}.form-render__inputGroup{align-items:start;display:grid!important;gap:0 16px;gap:0;grid-column:span min(var(--column),var(--column)) /span min(var(--column),var(--column));grid-template-columns:repeat(var(--column),minmax(0,1fr))}.form-render__inputGroup>div{grid-column:span min(var(--column),var(--form-item-column)) /span min(var(--column),var(--form-item-column))}.form-render__inputGroup>div:not(:last-of-type) .n-base-selection__border,.form-render__inputGroup>div:not(:last-of-type) .n-input__border{border-bottom-right-radius:0;border-right:0;border-top-right-radius:0}.form-render__inputGroup>div:last-of-type .n-base-selection__border,.form-render__inputGroup>div:last-of-type .n-input__border{border-bottom-left-radius:0;border-top-left-radius:0}.form-render__inputGroup .n-form-item--left-labelled:not(:first-of-type)>label{display:none}.form-render__combination{width:100%}.form-render__combinationHeader{display:flex;gap:12px}.form-render__combinationHeader>h3{font-size:16px;font-weight:700;margin:0;padding:0}.form-render__combinationHeader .n-button__icon{font-size:14px;margin:0 2px 0 0}.form-render__combinationHeaderText{font-size:16px;font-weight:500}.form-render__combinationClose{font-size:16px;height:14px;position:absolute;right:5px;top:5px;width:14px}.form-render__combinationContentJson{position:relative}.form-render__combinationContent{align-items:start;display:grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr));position:relative}.form-render__complex{width:100%}.form-render__complexContent--grid{align-items:start;display:grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr))}.form-render__complexContent--flex{display:flex!important;gap:0 8px}.form-render__selectMenu .n-scrollbar-rail__scrollbar{display:none!important}.form-render__selectMenu .n-virtual-list::-webkit-scrollbar,.form-render__selectMenu .n-virtual-list::-webkit-scrollbar-thumb{display:unset!important;height:6px;width:6px}.form-render__selectMenu .n-virtual-list::-webkit-scrollbar-thumb{background:#bfbfbf;border-radius:4px}.form-render__selectMenu .v-vl-items{min-width:100%;width:max-content}.form-render__selectOption .n-base-select-option__content{overflow:visible!important;text-overflow:unset!important;word-break:keep-all!important}.form-render__labelField{align-items:start;display:grid!important;display:inline-grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr));grid-template-columns:repeat(var(--column),auto)!important;margin-left:16px}.form-render__labelField .n-form-item{display:inline-grid}.form-render__labelField label.n-form-item-label.n-form-item-label--left-mark{align-items:center}.form-render__labelField .n-checkbox[aria-checked=false] .n-checkbox-box{background-color:transparent}.form-render__labelField .n-checkbox[aria-checked=false] .n-checkbox-icon .check-icon{opacity:0}.form-render__labelField .n-checkbox[aria-checked=false] .n-checkbox-box__border{border:var(--n-border)}.form-render .form-render__formItem .n-checkbox,.form-render .form-render__formItem .n-radio{align-items:center}.form-render .form-render__formItem .n-radio-input{left:auto;right:auto}.form-render .form-render__formItem .n-checkbox-group>.n-space:not([vertical-space=true]),.form-render .form-render__formItem .n-radio-group>.n-space:not([vertical-space=true]){align-items:center!important}.form-render .form-render__formItem .n-checkbox__label{align-items:center;display:inline-flex;flex:1;flex-wrap:wrap}.form-render .form-render__formItem [showType=checkbox] .n-radio__dot{border-radius:0!important}.form-render .form-render__formItem [showType=checkbox] .n-radio__dot--checked{background:var(--c-primary-color)!important}.form-render .form-render__formItem [showType=checkbox] .n-radio__dot--checked:before{color:#fff;content:"✓";font-size:13px;font-weight:700;line-height:.8;transform:translateX(-1.5px)}.form-render--no-border .n-input{border-radius:0}.form-render--no-border .n-input__border,.form-render--no-border .n-input__state-border{border-width:0!important}.form-render--no-border .n-input:hover .n-input__state-border{border-bottom-width:1px!important}.form-render--no-border .n-input--focus{border-radius:0}.form-render--no-border .n-input--focus .n-input__state-border{border-bottom-width:1px!important;box-shadow:none!important}.form-render--no-border .n-base-selection--active .n-base-selection__state-border,.form-render--no-border .n-base-selection--focus .n-base-selection__state-border,.form-render--no-border .n-base-selection:hover .n-base-selection__state-border,.form-render--no-border .n-base-selection__border,.form-render--no-border .n-base-selection__state-border{border-width:0!important;box-shadow:none!important}.form-render--underline .n-input{border-radius:0}.form-render--underline .n-input__border,.form-render--underline .n-input__state-border{border-left-width:0!important;border-right-width:0!important;border-top-width:0!important}.form-render--underline .n-input--focus{border-radius:0}.form-render--underline .n-input--focus .n-input__state-border{box-shadow:none!important}.form-render--underline .n-base-selection--active .n-base-selection__state-border,.form-render--underline .n-base-selection--focus .n-base-selection__state-border,.form-render--underline .n-base-selection:hover .n-base-selection__state-border,.form-render--underline .n-base-selection__border,.form-render--underline .n-base-selection__state-border{border-left-width:0!important;border-right-width:0!important;border-top-width:0!important;box-shadow:none!important}.form-render--underline .n-input--textarea{background-image:linear-gradient(transparent,transparent 95%,#d5d5d5 0,#d5d5d5);background-origin:content-box;background-position:top;background-repeat:repeat-y;background-size:100% 22px;margin-top:4px;padding:0}.form-render--underline .n-input--textarea .n-input__textarea-el{padding:0}.form-render--underline .n-input--textarea .n-input__placeholder{padding-top:0}.form-render--underline .n-input--textarea .n-input__border,.form-render--underline .n-input--textarea .n-input__state-border{border:0!important}.form-render__selectChildField{align-items:start;display:grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr));width:100%}.form-render__selectChildFieldItem{grid-column:span min(var(--column),var(--form-item-column)) /span min(var(--column),var(--form-item-column))}.form-render--out-border .form-render__wrapper{border:1px solid #1f2225;padding:0 8px}.form-render__textMode--dateIcon{color:#c2c2c2;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.form-render__textMode--input{align-items:center;border:1px solid #d5d5d5;border-radius:3px;display:flex;height:32px;justify-content:space-between;max-height:32px;overflow:hidden;padding:0 7px;position:relative;white-space:nowrap;width:100%;word-break:keep-all}.form-render__textMode--inputPlaceholder{color:#c2c2c2}.form-render__textMode--inputDisabled{background-color:#f5f5f5;cursor:not-allowed}.form-render__textMode--inputDisabled .form-render__textMode--inputPlaceholder{color:#000}.form-render__textMode--input>span{flex:1;overflow:hidden}.form-render__textMode--input .n-input__prefix{margin-right:4px}.form-render__textMode--input .n-input__suffix{margin-left:4px}.form-render__lastOption{flex:1}.form-render__lastOption .n-radio__label{display:flex;flex:1}.form-render__selectOption.n-base-select-option--disabled .n-base-select-option__content{color:rgba(0,0,0,.4)}

package/es/components/grid/index.d.ts

@@ -1,3 +1,3 @@
 import { SFCWithInstall } from '../../shared/types';
-declare const Grid: SFCWithInstall<import("vue").DefineComponent<{}, any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
+declare const Grid: SFCWithInstall<import("vue").DefineComponent<{}, any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default Grid;

package/es/components/grid/src/Grid.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+declare const _default: import("vue").DefineComponent<{}, any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;