cnhis-design-vue 3.4.0-beta.3 → 3.4.0-beta.32

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

@@ -1,3 +1,4 @@
+import { i18n } from '../../../../../_virtual/_virtual_i18n-methods.js';
 import { defineComponent, inject, computed, ref, onUnmounted, createVNode, mergeProps, unref, withModifiers, createTextVNode } from 'vue';
 import AbbrText from '../../../../../shared/components/AbbrText/AbbrText.js';
 import { arrayed, getStringWidth, widthAppend } from '../../../../../shared/utils/index.js';
@@ -135,14 +136,7 @@ const script = /* @__PURE__ */ defineComponent({
         }, {
           default: () => [createVNode("span", {
             "style": "display:inline-block;margin-left:4px"
-          }, [createTextVNode(function() {
-            var _a, _b, _c;
-            try {
-              return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.589")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.589")) || "\u63D0\u793A";
-            } catch (e) {
-              return "\u63D0\u793A";
-            }
-          }())])]
+          }, [createTextVNode(i18n("10010.1.589", "\u63D0\u793A"))])]
         }),
         default: () => {
           var _a, _b;

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>;

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

@@ -1,13 +1,11 @@
 import { connect, mapProps } from '@formily/vue';
 import { NInputGroup } from 'naive-ui';
 
-const INPUT_GROUP = connect(NInputGroup, mapProps((props) => {
-  return {
-    style: {
-      "--column": props.span
-    },
-    class: "form-render__inputGroup"
-  };
-}));
+const INPUT_GROUP = connect(
+  NInputGroup,
+  mapProps((props) => {
+    return { style: { "--column": props.span }, class: "form-render__inputGroup" };
+  })
+);
 
 export { INPUT_GROUP };

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

@@ -1,6 +1,6 @@
 import { AnyFn } from '../../../../../shared/types';
 import { PropType } from 'vue';
-export declare const INPUT_NUMBER: import("vue").DefineComponent<{
+export declare const INPUT_NUMBER: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     value: {
         type: (NumberConstructor | StringConstructor)[];
     };
@@ -20,7 +20,7 @@ export declare const INPUT_NUMBER: import("vue").DefineComponent<{
     precision: {
         type: NumberConstructor;
     };
-}, () => 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: (NumberConstructor | StringConstructor)[];
     };
@@ -40,10 +40,10 @@ export declare const INPUT_NUMBER: import("vue").DefineComponent<{
     precision: {
         type: NumberConstructor;
     };
-}>>, {
+}>> & Readonly<{}>, {
     pureInteger: boolean;
-}>;
-export declare const INPUT_NUMBER_SLASH: import("vue").DefineComponent<{
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const INPUT_NUMBER_SLASH: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     value: {
         type: (NumberConstructor | StringConstructor)[];
     };
@@ -60,7 +60,7 @@ export declare const INPUT_NUMBER_SLASH: import("vue").DefineComponent<{
     precision: {
         type: NumberConstructor;
     };
-}, () => 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: (NumberConstructor | StringConstructor)[];
     };
@@ -77,4 +77,4 @@ export declare const INPUT_NUMBER_SLASH: import("vue").DefineComponent<{
     precision: {
         type: NumberConstructor;
     };
-}>>, {}>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -1,6 +1,6 @@
 import { AnyObject } from '../../../../../../shared/types';
 import { PropType } from 'vue';
-export declare const LEVEL_SEARCH_CASCADER: import("vue").DefineComponent<{
+export declare const LEVEL_SEARCH_CASCADER: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     options: {
         type: PropType<AnyObject[]>;
         default: () => never[];
@@ -63,7 +63,7 @@ export declare const LEVEL_SEARCH_CASCADER: import("vue").DefineComponent<{
     value: {
         type: PropType<string | AnyObject[]>;
     };
-}, () => 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[];
@@ -126,9 +126,9 @@ export declare const LEVEL_SEARCH_CASCADER: import("vue").DefineComponent<{
     value: {
         type: PropType<string | AnyObject[]>;
     };
-}>> & {
+}>> & Readonly<{
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     options: AnyObject[];
     labelField: string;
     valueField: string;
@@ -136,4 +136,4 @@ export declare const LEVEL_SEARCH_CASCADER: import("vue").DefineComponent<{
     requestCache: boolean;
     checkAbleLevel: number | "last";
     validateLastNode: string | boolean;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/es/components/form-render/src/components/renderer/lineBar/FormCollapse.vue.d.ts

@@ -1,5 +1,5 @@
 import { CSSProperties, PropType } from 'vue';
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     show: {
         type: BooleanConstructor;
         default: boolean;
@@ -14,16 +14,16 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     linebarDirection: {
-        type: PropType<"horizontal" | "vertical">;
+        type: PropType<"vertical" | "horizontal">;
     };
     linebarWidth: {
         type: (NumberConstructor | StringConstructor)[];
     };
     linebarTextDirection: {
-        type: PropType<"horizontal" | "vertical">;
+        type: PropType<"vertical" | "horizontal">;
     };
-}, {
-    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+}>, {
+    props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         show: {
             type: BooleanConstructor;
             default: boolean;
@@ -38,19 +38,19 @@ declare const _default: import("vue").DefineComponent<{
             default: boolean;
         };
         linebarDirection: {
-            type: PropType<"horizontal" | "vertical">;
+            type: PropType<"vertical" | "horizontal">;
         };
         linebarWidth: {
             type: (NumberConstructor | StringConstructor)[];
         };
         linebarTextDirection: {
-            type: PropType<"horizontal" | "vertical">;
+            type: PropType<"vertical" | "horizontal">;
         };
-    }>> & {}>>;
-    _show: import("vue").Ref<boolean>;
+    }>> & Readonly<{}> & {}>;
+    _show: import("vue").Ref<boolean, boolean>;
     globEmit: ((event: string, ...args: any[]) => void) | undefined;
     toggleShow: () => void;
-    field: import("vue").Ref<import("@formily/core").GeneralField>;
+    field: import("vue").Ref<import("@formily/core").GeneralField, import("@formily/core").GeneralField>;
     fieldKey: import("vue").ComputedRef<string>;
     formItemDepsCollector: import("../../../../../../components/form-render").FormItemDepsCollector;
     globProps: Readonly<Partial<{
@@ -118,7 +118,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 | {
@@ -142,6 +142,7 @@ declare const _default: import("vue").DefineComponent<{
         enterToNextWidget: boolean | ((fieldItem: import("../../../../../../components/form-render").FieldItem) => boolean | void);
         autoExpand: boolean;
         lowCodeReactions: import("../../../../../../shared/types").LowCodeTypes.reactionConfig[];
+        newLowCodeReactions: import("../../../../../../shared/types").LowCodeTypes.newReactionConfig[];
         linebarAutoHidden: boolean;
         labelPlacementOverwrite: boolean;
         bordered: string | boolean;
@@ -153,8 +154,8 @@ 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;
@@ -175,35 +176,35 @@ declare const _default: import("vue").DefineComponent<{
     headerClass: import("vue").ComputedRef<(string | {
         'form-render__linebarHeader--disabled': boolean;
     })[]>;
-    textDirection: import("vue").ComputedRef<"horizontal" | "vertical">;
+    textDirection: import("vue").ComputedRef<"vertical" | "horizontal">;
     textStyle: import("vue").ComputedRef<CSSProperties>;
-    TooltipMessage: import("vue").DefineComponent<{
+    TooltipMessage: 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;
-    }>;
-    ChevronDown: 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<{}>>, {}>;
-    ChevronUp: 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<{}>>, {}>;
-    NCollapseTransition: any;
-}, unknown, {}, {}, 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>;
+    readonly ChevronDown: 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 ChevronUp: 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 NCollapseTransition: any;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     show: {
         type: BooleanConstructor;
         default: boolean;
@@ -218,17 +219,17 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     linebarDirection: {
-        type: PropType<"horizontal" | "vertical">;
+        type: PropType<"vertical" | "horizontal">;
     };
     linebarWidth: {
         type: (NumberConstructor | StringConstructor)[];
     };
     linebarTextDirection: {
-        type: PropType<"horizontal" | "vertical">;
+        type: PropType<"vertical" | "horizontal">;
     };
-}>>, {
+}>> & Readonly<{}>, {
     title: string;
     disabled: boolean;
     show: boolean;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/components/form-render/src/components/renderer/lineBar/FormCollapse.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, inject, computed, openBlock, createElementBlock, createElementVNode, normalizeClass, unref, normalizeStyle, renderSlot, createTextVNode, toDisplayString, createBlock, createCommentVNode, Fragment, createVNode, withCtx } from 'vue';
+import { defineComponent, ref, inject, computed, openBlock, createElementBlock, createElementVNode, normalizeClass, normalizeStyle, renderSlot, createTextVNode, toDisplayString, createBlock, createCommentVNode, Fragment, unref, createVNode, withCtx } from 'vue';
 import { widthAppend } from '../../../../../../shared/utils/index.js';
 import '../../../../index.js';
 import TooltipMessage from '../../tooltipMessage.vue.js';
@@ -7,34 +7,17 @@ import { ChevronDown, ChevronUp } from '@vicons/ionicons5';
 import { NCollapseTransition } from 'naive-ui';
 import { useFormField } from '../../../hooks/useFormField.js';
 
-const _hoisted_1 = {
-  class: "form-render__linebar"
-};
+const _hoisted_1 = { class: "form-render__linebar" };
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "FormCollapse",
   props: {
-    show: {
-      type: Boolean,
-      default: true
-    },
-    title: {
-      type: String,
-      default: ""
-    },
+    show: { type: Boolean, default: true },
+    title: { type: String, default: "" },
     remark: String,
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    linebarDirection: {
-      type: String
-    },
-    linebarWidth: {
-      type: [Number, String]
-    },
-    linebarTextDirection: {
-      type: String
-    }
+    disabled: { type: Boolean, default: false },
+    linebarDirection: { type: String },
+    linebarWidth: { type: [Number, String] },
+    linebarTextDirection: { type: String }
   },
   setup(__props) {
     const props = __props;
@@ -44,17 +27,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       if (props.disabled || !isVerticalLinebar.value)
         return;
       _show.value = !_show.value;
-      globEmit == null ? void 0 : globEmit("linebarChange", {
-        field: field.value,
-        fieldKey: fieldKey.value,
-        show: _show.value,
-        showRef: _show
-      });
+      globEmit == null ? void 0 : globEmit("linebarChange", { field: field.value, fieldKey: fieldKey.value, show: _show.value, showRef: _show });
     }
-    const {
-      field,
-      fieldKey
-    } = useFormField();
+    const { field, fieldKey } = useFormField();
     const formItemDepsCollector = inject(InjectionFormItemDepsCollector);
     formItemDepsCollector.setDeps(field.value.path, field.value.path.toString(), (_, v = true) => {
       _show.value = v;
@@ -76,15 +51,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const headerStyle = computed(() => {
       if (isVerticalLinebar.value)
         return {};
-      return {
-        "--form-render-linebar-width": widthAppend(width.value),
-        "border-right": "1px solid black"
-      };
+      return { "--form-render-linebar-width": widthAppend(width.value), "border-right": "1px solid black" };
     });
     const headerClass = computed(() => {
-      return ["form-render__linebarHeader", {
-        "form-render__linebarHeader--disabled": !!props.disabled
-      }];
+      return ["form-render__linebarHeader", { "form-render__linebarHeader--disabled": !!props.disabled }];
     });
     const textDirection = computed(() => {
       var _a, _b;
@@ -93,37 +63,45 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const textStyle = computed(() => {
       if (textDirection.value !== "vertical" || isVerticalLinebar.value)
         return {};
-      return {
-        "writing-mode": "vertical-lr",
-        "text-orientation": "upright"
-      };
+      return { "writing-mode": "vertical-lr", "text-orientation": "upright" };
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("section", _hoisted_1, [createElementVNode("section", {
-        class: normalizeClass(unref(wrapperClass))
-      }, [createElementVNode("header", {
-        class: normalizeClass(unref(headerClass)),
-        onClick: toggleShow,
-        style: normalizeStyle(unref(headerStyle))
-      }, [createElementVNode("div", {
-        class: "form-render__linebarHeaderTitle",
-        style: normalizeStyle(unref(textStyle))
-      }, [renderSlot(_ctx.$slots, "title", {}, () => [createTextVNode(toDisplayString(__props.title), 1)]), __props.remark ? (openBlock(), createBlock(TooltipMessage, {
-        key: 0,
-        message: __props.remark
-      }, null, 8, ["message"])) : createCommentVNode("v-if", true)], 4), !__props.disabled && unref(isVerticalLinebar) ? (openBlock(), createElementBlock(Fragment, {
-        key: 0
-      }, [_show.value ? (openBlock(), createBlock(unref(ChevronDown), {
-        key: 0
-      })) : (openBlock(), createBlock(unref(ChevronUp), {
-        key: 1
-      }))], 64)) : createCommentVNode("v-if", true)], 6), createVNode(unref(NCollapseTransition), {
-        class: "form-render__linebarItem",
-        show: _show.value
-      }, {
-        default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-        _: 3
-      }, 8, ["show"])], 2)]);
+      return openBlock(), createElementBlock("section", _hoisted_1, [
+        createElementVNode("section", {
+          class: normalizeClass(wrapperClass.value)
+        }, [
+          createElementVNode("header", {
+            class: normalizeClass(headerClass.value),
+            onClick: toggleShow,
+            style: normalizeStyle(headerStyle.value)
+          }, [
+            createElementVNode("div", {
+              class: "form-render__linebarHeaderTitle",
+              style: normalizeStyle(textStyle.value)
+            }, [
+              renderSlot(_ctx.$slots, "title", {}, () => [
+                createTextVNode(toDisplayString(__props.title), 1)
+              ]),
+              __props.remark ? (openBlock(), createBlock(TooltipMessage, {
+                key: 0,
+                message: __props.remark
+              }, null, 8, ["message"])) : createCommentVNode("v-if", true)
+            ], 4),
+            !__props.disabled && isVerticalLinebar.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              _show.value ? (openBlock(), createBlock(unref(ChevronDown), { key: 0 })) : (openBlock(), createBlock(unref(ChevronUp), { key: 1 }))
+            ], 64)) : createCommentVNode("v-if", true)
+          ], 6),
+          createVNode(unref(NCollapseTransition), {
+            class: "form-render__linebarItem",
+            show: _show.value
+          }, {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "default")
+            ]),
+            _: 3
+          }, 8, ["show"])
+        ], 2)
+      ]);
     };
   }
 });

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

@@ -1,4 +1,4 @@
-export declare const LINEBAR: import("@vue/runtime-core").DefineComponent<{
+export declare const LINEBAR: import("@vue/runtime-core").DefineComponent<import("vue").ExtractPropTypes<{
     show: {
         type: BooleanConstructor;
         default: boolean;
@@ -13,16 +13,16 @@ export declare const LINEBAR: import("@vue/runtime-core").DefineComponent<{
         default: boolean;
     };
     linebarDirection: {
-        type: import("vue").PropType<"horizontal" | "vertical">;
+        type: import("vue").PropType<"vertical" | "horizontal">;
     };
     linebarWidth: {
         type: (NumberConstructor | StringConstructor)[];
     };
     linebarTextDirection: {
-        type: import("vue").PropType<"horizontal" | "vertical">;
+        type: import("vue").PropType<"vertical" | "horizontal">;
     };
-}, {
-    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+}>, {
+    props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         show: {
             type: BooleanConstructor;
             default: boolean;
@@ -37,19 +37,19 @@ export declare const LINEBAR: import("@vue/runtime-core").DefineComponent<{
             default: boolean;
         };
         linebarDirection: {
-            type: import("vue").PropType<"horizontal" | "vertical">;
+            type: import("vue").PropType<"vertical" | "horizontal">;
         };
         linebarWidth: {
             type: (NumberConstructor | StringConstructor)[];
         };
         linebarTextDirection: {
-            type: import("vue").PropType<"horizontal" | "vertical">;
+            type: import("vue").PropType<"vertical" | "horizontal">;
         };
-    }>> & {}>>;
-    _show: import("vue").Ref<boolean>;
+    }>> & Readonly<{}> & {}>;
+    _show: import("vue").Ref<boolean, boolean>;
     globEmit: ((event: string, ...args: any[]) => void) | undefined;
     toggleShow: () => void;
-    field: import("vue").Ref<import("@formily/core").GeneralField>;
+    field: import("vue").Ref<import("@formily/core").GeneralField, import("@formily/core").GeneralField>;
     fieldKey: import("vue").ComputedRef<string>;
     formItemDepsCollector: import("../../../hooks").FormItemDepsCollector;
     globProps: Readonly<Partial<{
@@ -117,7 +117,7 @@ export declare const LINEBAR: import("@vue/runtime-core").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 | {
@@ -141,6 +141,7 @@ export declare const LINEBAR: import("@vue/runtime-core").DefineComponent<{
         enterToNextWidget: boolean | ((fieldItem: import("../../../types").FieldItem) => boolean | void);
         autoExpand: boolean;
         lowCodeReactions: import("../../../../../../shared/types").LowCodeTypes.reactionConfig[];
+        newLowCodeReactions: import("../../../../../../shared/types").LowCodeTypes.newReactionConfig[];
         linebarAutoHidden: boolean;
         labelPlacementOverwrite: boolean;
         bordered: string | boolean;
@@ -152,8 +153,8 @@ export declare const LINEBAR: import("@vue/runtime-core").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;
@@ -174,35 +175,35 @@ export declare const LINEBAR: import("@vue/runtime-core").DefineComponent<{
     headerClass: import("vue").ComputedRef<(string | {
         'form-render__linebarHeader--disabled': boolean;
     })[]>;
-    textDirection: import("vue").ComputedRef<"horizontal" | "vertical">;
+    textDirection: import("vue").ComputedRef<"vertical" | "horizontal">;
     textStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
-    TooltipMessage: import("@vue/runtime-core").DefineComponent<{
+    TooltipMessage: import("@vue/runtime-core").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/runtime-core").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/runtime-core").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;
-    }>;
-    ChevronDown: import("@vue/runtime-core").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-    ChevronUp: import("@vue/runtime-core").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-    NCollapseTransition: any;
-}, unknown, {}, {}, 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>;
+    readonly ChevronDown: import("@vue/runtime-core").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 ChevronUp: import("@vue/runtime-core").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 NCollapseTransition: any;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     show: {
         type: BooleanConstructor;
         default: boolean;
@@ -217,16 +218,16 @@ export declare const LINEBAR: import("@vue/runtime-core").DefineComponent<{
         default: boolean;
     };
     linebarDirection: {
-        type: import("vue").PropType<"horizontal" | "vertical">;
+        type: import("vue").PropType<"vertical" | "horizontal">;
     };
     linebarWidth: {
         type: (NumberConstructor | StringConstructor)[];
     };
     linebarTextDirection: {
-        type: import("vue").PropType<"horizontal" | "vertical">;
+        type: import("vue").PropType<"vertical" | "horizontal">;
     };
-}>>, {
+}>> & Readonly<{}>, {
     title: string;
     disabled: boolean;
     show: boolean;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/es/components/form-render/src/components/renderer/lineBar/index.js

@@ -1,11 +1,11 @@
 import { connect, mapProps } from '@formily/vue';
 import FormCollapse from './FormCollapse.vue.js';
 
-const LINEBAR = connect(FormCollapse, mapProps((props, field) => {
-  return {
-    ...props,
-    title: field.title
-  };
-}));
+const LINEBAR = connect(
+  FormCollapse,
+  mapProps((props, field) => {
+    return { ...props, title: field.title };
+  })
+);
 
 export { LINEBAR };