cnhis-design-vue 3.1.11-beta.4 → 3.1.11-beta.5

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

@@ -3,6 +3,10 @@ export declare const LINEBAR: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    line: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     title: {
         type: StringConstructor;
         default: string;
@@ -16,6 +20,10 @@ export declare const LINEBAR: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    line: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     title: {
         type: StringConstructor;
         default: string;
@@ -28,4 +36,5 @@ export declare const LINEBAR: import("vue").DefineComponent<{
     disabled: boolean;
     show: boolean;
     title: string;
+    line: boolean;
 }>;

package/es/packages/form-render/src/components/renderer/linebar.js

@@ -1,6 +1,6 @@
-import { defineComponent, ref, onMounted, inject, createVNode } from 'vue';
+import { defineComponent, ref, onMounted, inject, createVNode, createTextVNode } from 'vue';
 import { connect, mapProps } from '@formily/vue';
-import { NCollapseTransition } from 'naive-ui';
+import { NDivider, NCollapseTransition } from 'naive-ui';
 import { useFormField } from '../../../../../packages/form-render';
 import { InjectionFormItemDepsCollector, FormItemLineBarDepKeyPrepend } from '../../constants/index.js';
 
@@ -11,6 +11,10 @@ const script = defineComponent({
       type: Boolean,
       default: true
     },
+    line: {
+      type: Boolean,
+      default: false
+    },
     title: {
       type: String,
       default: ""
@@ -43,10 +47,18 @@ const script = defineComponent({
       return createVNode("section", {
         "class": "form-render__linebar",
         "anchor-target": true
-      }, [createVNode("header", {
+      }, [props.line ? createVNode(NDivider, {
+        "style": {
+          margin: "4px 0"
+        }
+      }, {
+        default() {
+          return [props.title];
+        }
+      }) : createVNode("header", {
         "class": "form-render__linebarHeader",
         "onClick": toggleShow
-      }, [props.title]), createVNode(NCollapseTransition, {
+      }, [createTextVNode(" "), props.title, createTextVNode(" ")]), createVNode(NCollapseTransition, {
         "class": "form-render__linebarItem",
         "show": _show.value
       }, slots)]);

package/es/packages/form-render/src/hooks/useFieldList2Schema.js

@@ -122,6 +122,7 @@ function useFieldList2Schema(collector) {
       title: item.alias || item.name,
       "x-component": "LINEBAR",
       "x-component-props": {
+        line: item.__line,
         disabled: item.is_not_fold === "1",
         id: item.val_key,
         show: !!item.is_show

package/es/packages/form-render/src/hooks/useTypeNormalize.d.ts

@@ -1,4 +1,4 @@
-import { FieldItem } from "../types";
+import { FieldItem } from '../types';
 export declare function useTypeNormalize(): {
     normalize: (item: FieldItem) => void;
 };

package/es/packages/form-render/src/hooks/useTypeNormalize.js

@@ -16,13 +16,18 @@ function useTypeNormalize() {
     ["RADIO_BLOCK", "RADIO"],
     [["DATE-INPUT", "DATETIME-INPUT"], "DATE"],
     ["SWITCH_COMPONENT", "SWITCH"],
-    ["SLIDER_COMPONENT", "SLIDER"]
+    ["SLIDER_COMPONENT", "SLIDER"],
+    ["LINE_BREAKS", "LINEBAR"]
   ];
   function normalize(item) {
     const type = item.html_type;
-    if (["CHECK_BLOCK", "RADIO_BLOCK"].includes(item.html_type)) {
+    if (["CHECK_BLOCK", "RADIO_BLOCK"].includes(type)) {
       item.__vertical = true;
     }
+    if (["LINE_BREAKS"].includes(type)) {
+      item.__line = true;
+      item.is_show = "1";
+    }
     if (item.html_type === "AGE") {
       normalizeAgeField(item);
     }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "cnhis-design-vue",
   "private": false,
-  "version": "3.1.11-beta.4",
+  "version": "3.1.11-beta.5",
   "license": "ISC",
   "module": "es/packages/index.js",
   "main": "es/packages/index.js",