cnhis-design-vue 3.4.0-beta.4 → 3.4.0-beta.41

package/es/components/info-header/src/InfoHeader.vue2.js

@@ -14,70 +14,32 @@ import InfoDescription from './components/infoDescription/index.vue.js';
 import PatientInfo from './components/patientInfo/index.vue.js';
 import { InjectionInfoHeaderEmit, InjectionInfoHeaderFormRef } from './constants/index.js';
 
-const _hoisted_1 = {
-  class: "c-info-header__operation"
-};
+const _hoisted_1 = { class: "c-info-header__operation" };
 const _hoisted_2 = {
   key: 0,
   class: "c-info-header__divider"
 };
-const _hoisted_3 = {
-  class: "c-info-header__setting"
-};
+const _hoisted_3 = { class: "c-info-header__setting" };
 const _hoisted_4 = ["onClick"];
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "InfoHeader",
   props: {
-    anime: {
-      type: Boolean,
-      default: true
-    },
-    compact: {
-      type: Boolean,
-      required: true
-    },
-    patientInfo: {
-      type: Object,
-      default: () => ({})
-    },
-    patientEditable: {
-      type: Boolean
-    },
-    separator: {
-      type: String,
-      default: ":"
-    },
-    infoList: {
-      type: Array,
-      default: () => []
-    },
-    labelField: {
-      type: String,
-      default: "label"
-    },
-    valueField: {
-      type: String,
-      default: "value"
-    },
-    minColumnWidth: {
-      type: [String, Number],
-      default: 180
-    },
-    rowHeight: {
-      type: [String, Number],
-      default: 24
-    },
+    anime: { type: Boolean, default: true },
+    compact: { type: Boolean, required: true },
+    patientInfo: { type: Object, default: () => ({}) },
+    patientEditable: { type: Boolean },
+    separator: { type: String, default: ":" },
+    infoList: { type: Array, default: () => [] },
+    labelField: { type: String, default: "label" },
+    valueField: { type: String, default: "value" },
+    minColumnWidth: { type: [String, Number], default: 180 },
+    rowHeight: { type: [String, Number], default: 24 },
     settingIcons: {
       type: Array,
       default: () => ["patientInfo", "fieldSet", "compact"]
     },
-    formProps: {
-      type: Object
-    },
-    encrypted: {
-      type: Boolean,
-      default: true
-    }
+    formProps: { type: Object },
+    encrypted: { type: Boolean, default: true }
   },
   emits: [
     "openPatientInfo",
@@ -85,10 +47,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     "update:compact",
     "formChange"
   ],
-  setup(__props, {
-    expose: __expose,
-    emit: __emit
-  }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
     provide(InjectionInfoHeaderEmit, emit);
@@ -119,25 +78,19 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       patientInfo: {
         event: openPatientInfo,
         render() {
-          return [h("i", {
-            class: "info-header--iconfont info-header--icon-a-menzhenyishengzhanxitongtubiaobianji"
-          })];
+          return [h("i", { class: "info-header--iconfont info-header--icon-a-menzhenyishengzhanxitongtubiaobianji" })];
         }
       },
       fieldSet: {
         event: fieldSet,
         render() {
-          return [h("i", {
-            class: "info-header--iconfont info-header--icon-a-menzhenyishengzhanxitongtubiaoshezhi"
-          })];
+          return [h("i", { class: "info-header--iconfont info-header--icon-a-menzhenyishengzhanxitongtubiaoshezhi" })];
         }
       },
       compact: {
         event: toggleCompact,
         render() {
-          return [h("i", {
-            class: "info-header--iconfont info-header--icon-a-menzhenyishengzhanxitongtubiaojiantouxia"
-          })];
+          return [h("i", { class: "info-header--iconfont info-header--icon-a-menzhenyishengzhanxitongtubiaojiantouxia" })];
         }
       }
     };
@@ -154,36 +107,69 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("header", mergeProps({
-        class: ["c-info-header", {
-          "anime--disabled": !__props.anime
-        }]
-      }, unref(useVersion)()), [createCommentVNode("  \u9876\u90E8\u63D2\u69FD  "), renderSlot(_ctx.$slots, "header"), createElementVNode("div", {
-        class: normalizeClass(["c-info-header__content", {
-          "is-compact": __props.compact
-        }]),
-        style: normalizeStyle(cssVars.value)
-      }, [createElementVNode("section", _hoisted_1, [createCommentVNode("   \u64CD\u4F5C\u533A\u63D2\u69FD   "), renderSlot(_ctx.$slots, "operation")]), _ctx.$slots.operation ? (openBlock(), createElementBlock("div", _hoisted_2)) : createCommentVNode("v-if", true), createCommentVNode("   \u60A3\u8005\u4FE1\u606F\u533A\u63D2\u69FD,\u9700\u8981\u81EA\u5DF1\u5B9E\u73B0\u6574\u4E2A\u60A3\u8005\u4FE1\u606F\u533A\u65F6\u4F7F\u7528   "), renderSlot(_ctx.$slots, "patientModule", {}, () => [createVNode(unref(PatientInfo), {
-        "patient-info": __props.patientInfo,
-        "patient-editable": __props.patientEditable
-      }, {
-        avatarInfo: withCtx(() => [createCommentVNode("   \u5934\u50CF\u533A\u8865\u5145\u5185\u5BB9\u63D2\u69FD (\u4F1A\u63D2\u5165\u5934\u50CF\u4E0B\u65B9)  "), renderSlot(_ctx.$slots, "avatarInfo")]),
-        avatar: withCtx(() => [createCommentVNode("    \u5934\u50CF\u63D2\u69FD      "), renderSlot(_ctx.$slots, "avatar")]),
-        tags: withCtx(() => [createCommentVNode("    \u6807\u7B7E\u63D2\u69FD      "), renderSlot(_ctx.$slots, "tags")]),
-        _: 3
-      }, 8, ["patient-info", "patient-editable"])]), createVNode(unref(InfoDescription), mergeProps({
-        ref_key: "infoDescriptionRef",
-        ref: infoDescriptionRef,
-        "root-slot": _ctx.$slots
-      }, _ctx.$props), {
-        info: withCtx(() => [createCommentVNode("    \u4FE1\u606F\u63CF\u8FF0\u533A\u63D2\u69FD    "), renderSlot(_ctx.$slots, "info")]),
-        _: 3
-      }, 16, ["root-slot"]), createElementVNode("section", _hoisted_3, [createCommentVNode("  \u8BBE\u7F6E\u533A\u63D2\u69FD    "), renderSlot(_ctx.$slots, "setting", {}, () => [(openBlock(true), createElementBlock(Fragment, null, renderList(settingIconList.value, (item, index) => {
-        return openBlock(), createElementBlock("div", {
-          key: index,
-          class: "c-info-header__settingIcon",
-          onClick: item.event
-        }, [(openBlock(), createBlock(resolveDynamicComponent(item.render)))], 8, _hoisted_4);
-      }), 128))])])], 6), createCommentVNode("  \u5E95\u90E8\u63D2\u69FD  "), renderSlot(_ctx.$slots, "footer")], 16);
+        class: ["c-info-header", { "anime--disabled": !__props.anime }]
+      }, unref(useVersion)()), [
+        createCommentVNode("  \u9876\u90E8\u63D2\u69FD  "),
+        renderSlot(_ctx.$slots, "header"),
+        createElementVNode("div", {
+          class: normalizeClass(["c-info-header__content", { "is-compact": __props.compact }]),
+          style: normalizeStyle(cssVars.value)
+        }, [
+          createElementVNode("section", _hoisted_1, [
+            createCommentVNode("   \u64CD\u4F5C\u533A\u63D2\u69FD   "),
+            renderSlot(_ctx.$slots, "operation")
+          ]),
+          _ctx.$slots.operation ? (openBlock(), createElementBlock("div", _hoisted_2)) : createCommentVNode("v-if", true),
+          createCommentVNode("   \u60A3\u8005\u4FE1\u606F\u533A\u63D2\u69FD,\u9700\u8981\u81EA\u5DF1\u5B9E\u73B0\u6574\u4E2A\u60A3\u8005\u4FE1\u606F\u533A\u65F6\u4F7F\u7528   "),
+          renderSlot(_ctx.$slots, "patientModule", {}, () => [
+            createVNode(unref(PatientInfo), {
+              "patient-info": __props.patientInfo,
+              "patient-editable": __props.patientEditable
+            }, {
+              avatarInfo: withCtx(() => [
+                createCommentVNode("   \u5934\u50CF\u533A\u8865\u5145\u5185\u5BB9\u63D2\u69FD (\u4F1A\u63D2\u5165\u5934\u50CF\u4E0B\u65B9)  "),
+                renderSlot(_ctx.$slots, "avatarInfo")
+              ]),
+              avatar: withCtx(() => [
+                createCommentVNode("    \u5934\u50CF\u63D2\u69FD      "),
+                renderSlot(_ctx.$slots, "avatar")
+              ]),
+              tags: withCtx(() => [
+                createCommentVNode("    \u6807\u7B7E\u63D2\u69FD      "),
+                renderSlot(_ctx.$slots, "tags")
+              ]),
+              _: 3
+            }, 8, ["patient-info", "patient-editable"])
+          ]),
+          createVNode(unref(InfoDescription), mergeProps({
+            ref_key: "infoDescriptionRef",
+            ref: infoDescriptionRef,
+            "root-slot": _ctx.$slots
+          }, _ctx.$props), {
+            info: withCtx(() => [
+              createCommentVNode("    \u4FE1\u606F\u63CF\u8FF0\u533A\u63D2\u69FD    "),
+              renderSlot(_ctx.$slots, "info")
+            ]),
+            _: 3
+          }, 16, ["root-slot"]),
+          createElementVNode("section", _hoisted_3, [
+            createCommentVNode("  \u8BBE\u7F6E\u533A\u63D2\u69FD    "),
+            renderSlot(_ctx.$slots, "setting", {}, () => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(settingIconList.value, (item, index) => {
+                return openBlock(), createElementBlock("div", {
+                  key: index,
+                  class: "c-info-header__settingIcon",
+                  onClick: item.event
+                }, [
+                  (openBlock(), createBlock(resolveDynamicComponent(item.render)))
+                ], 8, _hoisted_4);
+              }), 128))
+            ])
+          ])
+        ], 6),
+        createCommentVNode("  \u5E95\u90E8\u63D2\u69FD  "),
+        renderSlot(_ctx.$slots, "footer")
+      ], 16);
     };
   }
 });

package/es/components/info-header/src/components/infoDescription/DescriptionItem.vue.d.ts

@@ -126,6 +126,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         enterToNextWidget: boolean | ((fieldItem: FieldItem) => boolean | void);
         autoExpand: boolean;
         lowCodeReactions: import("../../../../../shared/types").LowCodeTypes.reactionConfig[];
+        newLowCodeReactions: import("../../../../../shared/types").LowCodeTypes.newReactionConfig[];
         linebarAutoHidden: boolean;
         labelPlacementOverwrite: boolean;
         bordered: string | boolean;
@@ -319,9 +320,23 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: import("vue").PropType<import("vue").CSSProperties>;
                 default: () => {};
             };
+            keepShow: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>, {
-            readonly NEllipsis: any;
             readonly NTooltip: any;
+            readonly CEllipsis: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+                style: ObjectConstructor;
+                tooltip: ObjectConstructor;
+                keepShow: BooleanConstructor;
+            }>, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+                style: ObjectConstructor;
+                tooltip: ObjectConstructor;
+                keepShow: BooleanConstructor;
+            }>> & Readonly<{}>, {
+                keepShow: boolean;
+            }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
             content: {
                 type: (NumberConstructor | StringConstructor)[];
@@ -334,9 +349,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: import("vue").PropType<import("vue").CSSProperties>;
                 default: () => {};
             };
+            keepShow: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & Readonly<{}>, {
             content: string | number;
             contentStyle: import("vue").CSSProperties;
+            keepShow: boolean;
         }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         content: {
@@ -372,9 +392,23 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: import("vue").PropType<import("vue").CSSProperties>;
             default: () => {};
         };
+        keepShow: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>, {
-        readonly NEllipsis: any;
         readonly NTooltip: any;
+        readonly CEllipsis: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+            style: ObjectConstructor;
+            tooltip: ObjectConstructor;
+            keepShow: BooleanConstructor;
+        }>, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            style: ObjectConstructor;
+            tooltip: ObjectConstructor;
+            keepShow: BooleanConstructor;
+        }>> & Readonly<{}>, {
+            keepShow: boolean;
+        }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         content: {
             type: (NumberConstructor | StringConstructor)[];
@@ -387,9 +421,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: import("vue").PropType<import("vue").CSSProperties>;
             default: () => {};
         };
+        keepShow: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & Readonly<{}>, {
         content: string | number;
         contentStyle: import("vue").CSSProperties;
+        keepShow: boolean;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     readonly SlotRender: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         renderer: {

package/es/components/info-header/src/components/infoDescription/DescriptionItem.vue2.js

@@ -14,46 +14,36 @@ import { castArray } from 'lodash-es';
 import { useFieldListAdaptor } from '../../../../form-render/src/hooks/useFieldListAdaptor.js';
 import { createObjSchema } from '../../../../form-render/src/utils/schema.js';
 
-const _hoisted_1 = {
-  key: 0
-};
+const _hoisted_1 = { key: 0 };
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "DescriptionItem",
   props: {
-    infoItem: {
-      default: () => ({})
-    },
-    labelField: {
-      default: "label"
-    },
-    valueField: {
-      default: "value"
-    },
+    infoItem: { default: () => ({}) },
+    labelField: { default: "label" },
+    valueField: { default: "value" },
     width: {},
     rootSlot: {},
-    encrypted: {
-      type: Boolean
-    }
+    encrypted: { type: Boolean }
   },
   setup(__props) {
     const props = __props;
-    const SchemaField = inject(InjectionSchemaField, {
-      render: () => null
-    });
+    const SchemaField = inject(InjectionSchemaField, { render: () => null });
     const formRenderRef = inject(InjectionInfoHeaderFormRef);
     function setEdit(v) {
       var _a, _b;
       props.infoItem.edit = v;
       (_b = (_a = props.infoItem.formField) == null ? void 0 : _a.onEditStateChange) == null ? void 0 : _b.call(_a, props.infoItem.label, v);
     }
-    watch(() => props.infoItem.edit, (v) => {
-      var _a;
-      (_a = formRenderRef.value) == null ? void 0 : _a.setFieldState(props.infoItem[props.labelField], (state) => {
-        state.decoratorProps.showTooltipFeedback = !!v;
-      });
-    }, {
-      immediate: true
-    });
+    watch(
+      () => props.infoItem.edit,
+      (v) => {
+        var _a;
+        (_a = formRenderRef.value) == null ? void 0 : _a.setFieldState(props.infoItem[props.labelField], (state) => {
+          state.decoratorProps.showTooltipFeedback = !!v;
+        });
+      },
+      { immediate: true }
+    );
     async function onItemDblclick(item) {
       var _a, _b, _c;
       if (!item.formField || item.edit)
@@ -71,9 +61,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       onItemDblclick(item);
     }
     const collector = inject(InjectionBusinessCollector, void 0);
-    const {
-      schemaAdaptor
-    } = useFieldListAdaptor(collector);
+    const { schemaAdaptor } = useFieldListAdaptor(collector);
     const formModel = useForm();
     const schema = computed(() => {
       var _a, _b, _c, _d, _e;
@@ -108,10 +96,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         decoratorProps: {
           showLabel: false,
           ...field.decoratorProps,
-          style: {
-            marginBottom: "-12px",
-            ...(_c = field.decoratorProps) == null ? void 0 : _c.style
-          },
+          style: { marginBottom: "-12px", ...(_c = field.decoratorProps) == null ? void 0 : _c.style },
           __infoHeader: fieldKey
         },
         componentProps: {
@@ -119,18 +104,12 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           clearable: true,
           ...field.componentProps,
           onBlur: bindOnBlur,
-          style: {
-            fontWeight: ((_d = props.infoItem) == null ? void 0 : _d.bold) ? 700 : 500,
-            ...(_e = field.componentProps) == null ? void 0 : _e.style
-          }
+          style: { fontWeight: ((_d = props.infoItem) == null ? void 0 : _d.bold) ? 700 : 500, ...(_e = field.componentProps) == null ? void 0 : _e.style }
         }
       };
       if (fieldItem.suffixConfig) {
         castArray(field.suffixConfig).forEach((item) => {
-          item.componentProps = {
-            ...item.componentProps,
-            onBlur: bindOnBlur
-          };
+          item.componentProps = { ...item.componentProps, onBlur: bindOnBlur };
         });
       }
       pauseTracking();
@@ -139,45 +118,31 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       const fields = schemaAdaptor([fieldItem]);
       return createObjSchema(fields);
     });
-    watch(() => props.width, (width) => {
-      var _a, _b;
-      if (!width || !props.infoItem.formField)
-        return;
-      const parentNode = (_a = formRenderRef.value) == null ? void 0 : _a.formModel.query(props.infoItem[props.labelField] + "-~").take();
-      if (parentNode) {
-        parentNode.componentProps.style = {
-          ...parentNode.componentProps.style,
-          maxWidth: width + "px"
-        };
-        return;
-      }
-      (_b = formRenderRef.value) == null ? void 0 : _b.setFieldState(props.infoItem[props.labelField], (state) => {
-        if (!state.componentProps)
+    watch(
+      () => props.width,
+      (width) => {
+        var _a, _b;
+        if (!width || !props.infoItem.formField)
           return;
-        state.componentProps.style = {
-          ...state.componentProps.style,
-          maxWidth: width + "px"
-        };
-      });
-    });
+        const parentNode = (_a = formRenderRef.value) == null ? void 0 : _a.formModel.query(props.infoItem[props.labelField] + "-~").take();
+        if (parentNode) {
+          parentNode.componentProps.style = { ...parentNode.componentProps.style, maxWidth: width + "px" };
+          return;
+        }
+        (_b = formRenderRef.value) == null ? void 0 : _b.setFieldState(props.infoItem[props.labelField], (state) => {
+          if (!state.componentProps)
+            return;
+          state.componentProps.style = { ...state.componentProps.style, maxWidth: width + "px" };
+        });
+      }
+    );
     const itemStyle = computed(() => {
-      return {
-        fontWeight: props.infoItem.bold ? 700 : 500,
-        ...props.infoItem.contentStyle
-      };
+      return { fontWeight: props.infoItem.bold ? 700 : 500, ...props.infoItem.contentStyle };
     });
     const ellipsisStyle = computed(() => {
-      const {
-        bold,
-        contentStyle
-      } = props.infoItem;
+      const { bold, contentStyle } = props.infoItem;
       const width = props.width + "px";
-      return {
-        width,
-        maxWidth: width,
-        fontWeight: bold ? 700 : 500,
-        ...contentStyle
-      };
+      return { width, maxWidth: width, fontWeight: bold ? 700 : 500, ...contentStyle };
     });
     const isHiddenContent = computed(() => {
       return ["\u7535\u8BDD", "\u8EAB\u4EFD\u8BC1"].some((key) => {
@@ -189,34 +154,44 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("section", {
         onDblclick: _cache[0] || (_cache[0] = ($event) => onItemDblclick(_ctx.infoItem)),
         onClick: _cache[1] || (_cache[1] = ($event) => onItemClick(_ctx.infoItem)),
-        style: {
-          "min-height": "20px"
-        }
-      }, [_ctx.infoItem.slot ? (openBlock(), createBlock(unref(script), {
-        key: 0,
-        renderer: _ctx.infoItem.slot,
-        "root-slots": _ctx.rootSlot,
-        item: _ctx.infoItem,
-        style: normalizeStyle(itemStyle.value),
-        width: _ctx.width
-      }, null, 8, ["renderer", "root-slots", "item", "style", "width"])) : (openBlock(), createElementBlock(Fragment, {
-        key: 1
-      }, [withDirectives(createElementVNode("section", null, [isHiddenContent.value ? (openBlock(), createBlock(HiddenContent, {
-        key: 0,
-        content: _ctx.infoItem[_ctx.valueField],
-        tip: _ctx.infoItem.tip,
-        "content-style": itemStyle.value,
-        width: _ctx.width,
-        encrypted: _ctx.encrypted
-      }, null, 8, ["content", "tip", "content-style", "width", "encrypted"])) : (openBlock(), createBlock(InfoEllipsis, {
-        key: 1,
-        "content-style": ellipsisStyle.value,
-        content: _ctx.infoItem[_ctx.valueField],
-        tip: _ctx.infoItem.tip
-      }, null, 8, ["content-style", "content", "tip"]))], 512), [[vShow, !_ctx.infoItem.edit || !_ctx.infoItem.formField]]), _ctx.infoItem.formField ? withDirectives((openBlock(), createElementBlock("section", _hoisted_1, [(openBlock(), createBlock(unref(SchemaField), {
-        schema: schema.value,
-        key: _ctx.infoItem[_ctx.labelField]
-      }, null, 8, ["schema"]))], 512)), [[vShow, _ctx.infoItem.edit]]) : createCommentVNode("v-if", true)], 64))], 32);
+        style: { "min-height": "20px" }
+      }, [
+        _ctx.infoItem.slot ? (openBlock(), createBlock(unref(script), {
+          key: 0,
+          renderer: _ctx.infoItem.slot,
+          "root-slots": _ctx.rootSlot,
+          item: _ctx.infoItem,
+          style: normalizeStyle(itemStyle.value),
+          width: _ctx.width
+        }, null, 8, ["renderer", "root-slots", "item", "style", "width"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          withDirectives(createElementVNode("section", null, [
+            isHiddenContent.value ? (openBlock(), createBlock(HiddenContent, {
+              key: 0,
+              content: _ctx.infoItem[_ctx.valueField],
+              tip: _ctx.infoItem.tip,
+              "content-style": itemStyle.value,
+              width: _ctx.width,
+              encrypted: _ctx.encrypted
+            }, null, 8, ["content", "tip", "content-style", "width", "encrypted"])) : (openBlock(), createBlock(InfoEllipsis, {
+              key: 1,
+              "keep-show": _ctx.infoItem.keepShow,
+              "content-style": ellipsisStyle.value,
+              content: _ctx.infoItem[_ctx.valueField],
+              tip: _ctx.infoItem.tip
+            }, null, 8, ["keep-show", "content-style", "content", "tip"]))
+          ], 512), [
+            [vShow, !_ctx.infoItem.edit || !_ctx.infoItem.formField]
+          ]),
+          _ctx.infoItem.formField ? withDirectives((openBlock(), createElementBlock("section", _hoisted_1, [
+            (openBlock(), createBlock(unref(SchemaField), {
+              schema: schema.value,
+              key: _ctx.infoItem[_ctx.labelField]
+            }, null, 8, ["schema"]))
+          ], 512)), [
+            [vShow, _ctx.infoItem.edit]
+          ]) : createCommentVNode("v-if", true)
+        ], 64))
+      ], 32);
     };
   }
 });

package/es/components/info-header/src/components/infoDescription/DescriptionList.vue.d.ts

@@ -190,6 +190,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             enterToNextWidget: boolean | ((fieldItem: import("../../../..").FieldItem) => boolean | void);
             autoExpand: boolean;
             lowCodeReactions: import("../../../../../shared/types").LowCodeTypes.reactionConfig[];
+            newLowCodeReactions: import("../../../../../shared/types").LowCodeTypes.newReactionConfig[];
             linebarAutoHidden: boolean;
             labelPlacementOverwrite: boolean;
             bordered: string | boolean;
@@ -383,9 +384,23 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     type: import("vue").PropType<import("vue").CSSProperties>;
                     default: () => {};
                 };
+                keepShow: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>, {
-                readonly NEllipsis: any;
                 readonly NTooltip: any;
+                readonly CEllipsis: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+                    style: ObjectConstructor;
+                    tooltip: ObjectConstructor;
+                    keepShow: BooleanConstructor;
+                }>, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+                    style: ObjectConstructor;
+                    tooltip: ObjectConstructor;
+                    keepShow: BooleanConstructor;
+                }>> & Readonly<{}>, {
+                    keepShow: boolean;
+                }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 content: {
                     type: (NumberConstructor | StringConstructor)[];
@@ -398,9 +413,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     type: import("vue").PropType<import("vue").CSSProperties>;
                     default: () => {};
                 };
+                keepShow: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>> & Readonly<{}>, {
                 content: string | number;
                 contentStyle: import("vue").CSSProperties;
+                keepShow: boolean;
             }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
             content: {
@@ -436,9 +456,23 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: import("vue").PropType<import("vue").CSSProperties>;
                 default: () => {};
             };
+            keepShow: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>, {
-            readonly NEllipsis: any;
             readonly NTooltip: any;
+            readonly CEllipsis: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+                style: ObjectConstructor;
+                tooltip: ObjectConstructor;
+                keepShow: BooleanConstructor;
+            }>, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+                style: ObjectConstructor;
+                tooltip: ObjectConstructor;
+                keepShow: BooleanConstructor;
+            }>> & Readonly<{}>, {
+                keepShow: boolean;
+            }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
             content: {
                 type: (NumberConstructor | StringConstructor)[];
@@ -451,9 +485,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: import("vue").PropType<import("vue").CSSProperties>;
                 default: () => {};
             };
+            keepShow: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & Readonly<{}>, {
             content: string | number;
             contentStyle: import("vue").CSSProperties;
+            keepShow: boolean;
         }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
         readonly SlotRender: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
             renderer: {