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

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"
-    },
-    width: {},
-    rootSlot: {},
-    encrypted: {
-      type: Boolean
-    }
+    infoItem: { default: () => ({}) },
+    labelField: { default: "label" },
+    valueField: { default: "value" },
+    width: null,
+    rootSlot: null,
+    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) => {
@@ -187,36 +152,45 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       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);
+        onDblclick: _cache[0] || (_cache[0] = ($event) => onItemDblclick(__props.infoItem)),
+        onClick: _cache[1] || (_cache[1] = ($event) => onItemClick(__props.infoItem)),
+        style: { "min-height": "20px" }
+      }, [
+        __props.infoItem.slot ? (openBlock(), createBlock(unref(script), {
+          key: 0,
+          renderer: __props.infoItem.slot,
+          "root-slots": __props.rootSlot,
+          item: __props.infoItem,
+          style: normalizeStyle(unref(itemStyle)),
+          width: __props.width
+        }, null, 8, ["renderer", "root-slots", "item", "style", "width"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          withDirectives(createElementVNode("section", null, [
+            unref(isHiddenContent) ? (openBlock(), createBlock(HiddenContent, {
+              key: 0,
+              content: __props.infoItem[__props.valueField],
+              tip: __props.infoItem.tip,
+              "content-style": unref(itemStyle),
+              width: __props.width,
+              encrypted: __props.encrypted
+            }, null, 8, ["content", "tip", "content-style", "width", "encrypted"])) : (openBlock(), createBlock(InfoEllipsis, {
+              key: 1,
+              "content-style": unref(ellipsisStyle),
+              content: __props.infoItem[__props.valueField],
+              tip: __props.infoItem.tip
+            }, null, 8, ["content-style", "content", "tip"]))
+          ], 512), [
+            [vShow, !__props.infoItem.edit || !__props.infoItem.formField]
+          ]),
+          __props.infoItem.formField ? withDirectives((openBlock(), createElementBlock("section", _hoisted_1, [
+            (openBlock(), createBlock(unref(SchemaField), {
+              schema: unref(schema),
+              key: __props.infoItem[__props.labelField]
+            }, null, 8, ["schema"]))
+          ], 512)), [
+            [vShow, __props.infoItem.edit]
+          ]) : createCommentVNode("v-if", true)
+        ], 64))
+      ], 32);
     };
   }
 });

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

@@ -1,5 +1,5 @@
 import { AnyFn } from '../../../../../shared/types';
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare const _default: import("vue").DefineComponent<{
     infoList: {
         type: ArrayConstructor;
         required: false;
@@ -37,15 +37,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         required: false;
     };
-}>, {
+}, {
     descriptionStyle: {
         height: string;
         display: string;
         'align-items': string;
     };
-    readonly NDescriptions: any;
-    readonly NDescriptionsItem: any;
-    DescriptionItem: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    NDescriptions: any;
+    NDescriptionsItem: any;
+    DescriptionItem: import("vue").DefineComponent<{
         infoItem: {
             type: null;
             required: true;
@@ -73,10 +73,27 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: BooleanConstructor;
             required: true;
         };
-    }>, {
-        props: any;
+    }, {
+        props: {
+            infoItem: Partial<{
+                [K: string]: any;
+                slot: string | import("vue").Component | ((payload: {
+                    width: unknown;
+                    item: Partial<any>;
+                }) => any);
+                tip: string;
+                contentStyle: import("../../../../../shared/types").AnyObject;
+                formField: Partial<import("../../../..").FieldItem>;
+                edit: boolean;
+            }>;
+            labelField: string;
+            valueField: string;
+            width?: number | undefined;
+            rootSlot: Record<string, any>;
+            encrypted: boolean;
+        };
         SchemaField: import("vue").Component;
-        formRenderRef: import("vue").Ref<import("../../../..").FormRenderExpose | undefined, import("../../../..").FormRenderExpose | undefined>;
+        formRenderRef: import("vue").Ref<import("../../../..").FormRenderExpose | undefined>;
         setEdit: (v: boolean) => void;
         onItemDblclick: (item: Partial<{
             [K: string]: any;
@@ -166,7 +183,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 "x-read-pretty"?: boolean | undefined;
                 "x-compile-omitted"?: string[] | undefined;
             }>;
-            components: Record<string, import("vue").Component | import("vue").FunctionalComponent<{}, {}, any, {}>>;
+            components: Record<string, import("vue").Component | import("vue").FunctionalComponent<{}, {}>>;
             scope: import("../../../../../shared/types").AnyObject;
             annotation: Record<string, import("../../../../annotation-edit/src/type").AnnotationItem>;
             annotationShortcuts: (string | {
@@ -201,8 +218,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             selectMode: boolean;
             selectedFields: string[];
             linebarWidth: string | number;
-            linebarDirection: "vertical" | "horizontal";
-            linebarTextDirection: "vertical" | "horizontal";
+            linebarDirection: "horizontal" | "vertical";
+            linebarTextDirection: "horizontal" | "vertical";
             autoWidth: number | boolean;
             feedbackType: "default" | "tooltip";
             fixMemoLeak: boolean;
@@ -266,7 +283,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             "x-read-pretty"?: boolean | undefined;
             "x-compile-omitted"?: string[] | undefined;
         }>>;
-        formModel: import("vue").Ref<import("@formily/core").Form<any>, import("@formily/core").Form<any>>;
+        formModel: import("vue").Ref<import("@formily/core").Form<any>>;
         schema: import("vue").ComputedRef<import("@formily/json-schema").Stringify<{
             [key: symbol]: any;
             [key: `x-${string}`]: any;
@@ -324,10 +341,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             "x-read-pretty"?: boolean | undefined;
             "x-compile-omitted"?: string[] | undefined;
         }>>;
-        itemStyle: import("vue").ComputedRef<any>;
+        itemStyle: import("vue").ComputedRef<{
+            fontWeight: number;
+        }>;
         ellipsisStyle: import("vue").ComputedRef<import("../../../../../shared/types").AnyObject>;
         isHiddenContent: import("vue").ComputedRef<boolean>;
-        HiddenContent: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        HiddenContent: import("vue").DefineComponent<{
             content: {
                 type: StringConstructor;
                 default: string;
@@ -344,8 +363,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
-        }>, {
-            props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        }, {
+            props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                 content: {
                     type: StringConstructor;
                     default: string;
@@ -362,8 +381,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
-            }>> & Readonly<{}> & {}>;
-            hidden: import("vue").Ref<boolean, boolean>;
+            }>> & {}>>;
+            hidden: import("vue").Ref<boolean>;
             toggleHidden: () => void;
             wrapperStyle: import("vue").ComputedRef<{
                 maxWidth: string;
@@ -371,7 +390,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }>;
             parsedContentStyle: import("vue").ComputedRef<{}>;
             displayContent: import("vue").ComputedRef<string>;
-            InfoEllipsis: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+            InfoEllipsis: import("vue").DefineComponent<{
                 content: {
                     type: (NumberConstructor | StringConstructor)[];
                     default: string;
@@ -383,10 +402,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     type: import("vue").PropType<import("vue").CSSProperties>;
                     default: () => {};
                 };
-            }>, {
-                readonly NEllipsis: any;
-                readonly NTooltip: any;
-            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            }, {
+                NEllipsis: any;
+                NTooltip: any;
+            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
                 content: {
                     type: (NumberConstructor | StringConstructor)[];
                     default: string;
@@ -398,11 +417,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     type: import("vue").PropType<import("vue").CSSProperties>;
                     default: () => {};
                 };
-            }>> & Readonly<{}>, {
+            }>>, {
                 content: string | number;
                 contentStyle: import("vue").CSSProperties;
-            }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            }>;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
             content: {
                 type: StringConstructor;
                 default: string;
@@ -419,12 +438,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
-        }>> & Readonly<{}>, {
+        }>>, {
             content: string;
             encrypted: boolean;
             contentStyle: import("vue").CSSProperties;
-        }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-        InfoEllipsis: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        }>;
+        InfoEllipsis: import("vue").DefineComponent<{
             content: {
                 type: (NumberConstructor | StringConstructor)[];
                 default: string;
@@ -436,10 +455,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: import("vue").PropType<import("vue").CSSProperties>;
                 default: () => {};
             };
-        }>, {
-            readonly NEllipsis: any;
-            readonly NTooltip: any;
-        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        }, {
+            NEllipsis: any;
+            NTooltip: any;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
             content: {
                 type: (NumberConstructor | StringConstructor)[];
                 default: string;
@@ -451,11 +470,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: import("vue").PropType<import("vue").CSSProperties>;
                 default: () => {};
             };
-        }>> & Readonly<{}>, {
+        }>>, {
             content: string | number;
             contentStyle: import("vue").CSSProperties;
-        }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-        readonly SlotRender: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        }>;
+        SlotRender: import("vue").DefineComponent<{
             renderer: {
                 type: import("vue").PropType<string | import("vue").Component | AnyFn>;
                 required: true;
@@ -463,7 +482,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             rootSlots: {
                 type: import("vue").PropType<Record<string, AnyFn>>;
             };
-        }>, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        }, () => any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
             renderer: {
                 type: import("vue").PropType<string | import("vue").Component | AnyFn>;
                 required: true;
@@ -471,8 +490,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             rootSlots: {
                 type: import("vue").PropType<Record<string, AnyFn>>;
             };
-        }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        }>>, {}>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         infoItem: {
             type: null;
             required: true;
@@ -500,12 +519,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: BooleanConstructor;
             required: true;
         };
-    }>> & Readonly<{}>, {
+    }>>, {
         labelField: string;
         valueField: string;
         infoItem: any;
-    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     infoList: {
         type: ArrayConstructor;
         required: false;
@@ -543,7 +562,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         required: false;
     };
-}>> & Readonly<{}>, {
+}>>, {
     infoList: unknown[];
     labelField: string;
     valueField: string;
@@ -551,5 +570,5 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     descriptionWidthList: unknown[];
     columnNum: number;
     inForm: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>;
 export default _default;

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

@@ -5,61 +5,47 @@ import DescriptionItem from './DescriptionItem.vue.js';
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "DescriptionList",
   props: {
-    infoList: {
-      default: () => []
-    },
-    labelField: {
-      default: "label"
-    },
-    valueField: {
-      default: "value"
-    },
-    rootSlot: {},
-    descriptionWidthList: {
-      default: () => []
-    },
-    columnNum: {
-      default: 3
-    },
-    inForm: {
-      type: Boolean
-    },
-    encrypted: {
-      type: Boolean
-    }
+    infoList: { default: () => [] },
+    labelField: { default: "label" },
+    valueField: { default: "value" },
+    rootSlot: null,
+    descriptionWidthList: { default: () => [] },
+    columnNum: { default: 3 },
+    inForm: { type: Boolean },
+    encrypted: { type: Boolean }
   },
   setup(__props) {
-    const descriptionStyle = {
-      height: "100%",
-      display: "inline-flex",
-      "align-items": "center"
-    };
+    const descriptionStyle = { height: "100%", display: "inline-flex", "align-items": "center" };
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(NDescriptions), {
         "label-align": "right",
         "label-placement": "left",
         separator: ":",
-        column: _ctx.columnNum,
+        column: __props.columnNum,
         "label-style": descriptionStyle,
         "content-style": descriptionStyle
       }, {
-        default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.infoList, (item, index) => {
-          return openBlock(), createBlock(unref(NDescriptionsItem), {
-            key: item[_ctx.labelField],
-            label: item[_ctx.labelField]
-          }, {
-            default: withCtx(() => [(openBlock(), createBlock(DescriptionItem, {
-              key: item[_ctx.labelField],
-              "info-item": item,
-              width: _ctx.descriptionWidthList[index],
-              "root-slot": _ctx.rootSlot,
-              "label-field": _ctx.labelField,
-              "value-field": _ctx.valueField,
-              encrypted: !!_ctx.encrypted
-            }, null, 8, ["info-item", "width", "root-slot", "label-field", "value-field", "encrypted"]))]),
-            _: 2
-          }, 1032, ["label"]);
-        }), 128))]),
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.infoList, (item, index) => {
+            return openBlock(), createBlock(unref(NDescriptionsItem), {
+              key: item[__props.labelField],
+              label: item[__props.labelField]
+            }, {
+              default: withCtx(() => [
+                (openBlock(), createBlock(DescriptionItem, {
+                  key: item[__props.labelField],
+                  "info-item": item,
+                  width: __props.descriptionWidthList[index],
+                  "root-slot": __props.rootSlot,
+                  "label-field": __props.labelField,
+                  "value-field": __props.valueField,
+                  encrypted: !!__props.encrypted
+                }, null, 8, ["info-item", "width", "root-slot", "label-field", "value-field", "encrypted"]))
+              ]),
+              _: 2
+            }, 1032, ["label"]);
+          }), 128))
+        ]),
         _: 1
       }, 8, ["column"]);
     };