cnhis-design-vue 3.4.0-beta.3 → 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"
-    },
+    infoItem: { default: () => ({}) },
+    labelField: { default: "label" },
+    valueField: { default: "value" },
     width: null,
     rootSlot: null,
-    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,43 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("section", {
         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);
+        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.vue2.js

@@ -5,35 +5,17 @@ import DescriptionItem from './DescriptionItem.vue.js';
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "DescriptionList",
   props: {
-    infoList: {
-      default: () => []
-    },
-    labelField: {
-      default: "label"
-    },
-    valueField: {
-      default: "value"
-    },
+    infoList: { default: () => [] },
+    labelField: { default: "label" },
+    valueField: { default: "value" },
     rootSlot: null,
-    descriptionWidthList: {
-      default: () => []
-    },
-    columnNum: {
-      default: 3
-    },
-    inForm: {
-      type: Boolean
-    },
-    encrypted: {
-      type: Boolean
-    }
+    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",
@@ -43,23 +25,27 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         "label-style": descriptionStyle,
         "content-style": descriptionStyle
       }, {
-        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, {
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.infoList, (item, index) => {
+            return openBlock(), createBlock(unref(NDescriptionsItem), {
               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))]),
+              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"]);
     };

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

@@ -1,28 +1,15 @@
 import { defineComponent, ref, computed, watch, openBlock, createElementBlock, normalizeStyle, unref, createElementVNode, createVNode, normalizeClass } from 'vue';
 import InfoEllipsis from './InfoEllipsis.vue.js';
 
-const _hoisted_1 = {
-  class: "c-info-header__hidden--content"
-};
+const _hoisted_1 = { class: "c-info-header__hidden--content" };
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "HiddenContent",
   props: {
-    content: {
-      type: String,
-      default: ""
-    },
+    content: { type: String, default: "" },
     tip: String,
-    width: {
-      type: Number
-    },
-    contentStyle: {
-      type: Object,
-      default: () => ({})
-    },
-    encrypted: {
-      type: Boolean,
-      default: true
-    }
+    width: { type: Number },
+    contentStyle: { type: Object, default: () => ({}) },
+    encrypted: { type: Boolean, default: true }
   },
   setup(__props) {
     const props = __props;
@@ -32,23 +19,16 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     }
     const wrapperStyle = computed(() => {
       const width = props.width + "px";
-      return {
-        maxWidth: width,
-        width
-      };
+      return { maxWidth: width, width };
     });
     const parsedContentStyle = computed(() => {
       if (!props.width)
         return {};
       const maxWidth = props.width - 40 + "px";
-      return Object.assign({}, props.contentStyle, {
-        maxWidth
-      });
+      return Object.assign({}, props.contentStyle, { maxWidth });
     });
     const displayContent = computed(() => {
-      let {
-        content
-      } = props;
+      let { content } = props;
       if (!hidden.value)
         return content;
       if (content == null)
@@ -61,23 +41,34 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       const prefixNum = Math.floor((length - hiddenNum) / 2);
       return `${content.substring(0, prefixNum)}${"*".repeat(hiddenNum)}${content == null ? void 0 : content.substring(prefixNum + hiddenNum)}`;
     });
-    watch(() => props.encrypted, (encrypted) => {
-      hidden.value = encrypted;
-    }, {
-      immediate: true
-    });
+    watch(
+      () => props.encrypted,
+      (encrypted) => {
+        hidden.value = encrypted;
+      },
+      { immediate: true }
+    );
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: "c-info-header__hidden",
         style: normalizeStyle(unref(wrapperStyle))
-      }, [createElementVNode("div", _hoisted_1, [createVNode(InfoEllipsis, {
-        "content-style": unref(parsedContentStyle),
-        content: unref(displayContent),
-        tip: __props.tip
-      }, null, 8, ["content-style", "content", "tip"])]), createElementVNode("i", {
-        onClick: toggleHidden,
-        class: normalizeClass(["c-info-header__hidden--icon", "info-header--iconfont", `info-header--icon-${hidden.value ? "guanbi-yanjing" : "faxian-yanjing"}`])
-      }, null, 2)], 4);
+      }, [
+        createElementVNode("div", _hoisted_1, [
+          createVNode(InfoEllipsis, {
+            "content-style": unref(parsedContentStyle),
+            content: unref(displayContent),
+            tip: __props.tip
+          }, null, 8, ["content-style", "content", "tip"])
+        ]),
+        createElementVNode("i", {
+          onClick: toggleHidden,
+          class: normalizeClass([
+            "c-info-header__hidden--icon",
+            "info-header--iconfont",
+            `info-header--icon-${hidden.value ? "guanbi-yanjing" : "faxian-yanjing"}`
+          ])
+        }, null, 2)
+      ], 4);
     };
   }
 });

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

@@ -4,36 +4,34 @@ import { NTooltip, NEllipsis } from 'naive-ui';
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "InfoEllipsis",
   props: {
-    content: {
-      type: [String, Number],
-      default: ""
-    },
-    tip: {
-      type: String
-    },
-    contentStyle: {
-      type: Object,
-      default: () => ({})
-    }
+    content: { type: [String, Number], default: "" },
+    tip: { type: String },
+    contentStyle: { type: Object, default: () => ({}) }
   },
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(NTooltip), {
         disabled: !__props.tip
       }, {
-        trigger: withCtx(() => [createElementVNode("section", null, [createVNode(unref(NEllipsis), {
-          style: normalizeStyle(__props.contentStyle),
-          tooltip: {
-            placement: __props.tip ? "bottom" : "top"
-          }
-        }, {
-          default: withCtx(() => {
-            var _a;
-            return [createTextVNode(toDisplayString((_a = __props.content) != null ? _a : "-"), 1)];
-          }),
-          _: 1
-        }, 8, ["style", "tooltip"])])]),
-        default: withCtx(() => [createTextVNode(" " + toDisplayString(__props.tip), 1)]),
+        trigger: withCtx(() => [
+          createElementVNode("section", null, [
+            createVNode(unref(NEllipsis), {
+              style: normalizeStyle(__props.contentStyle),
+              tooltip: { placement: __props.tip ? "bottom" : "top" }
+            }, {
+              default: withCtx(() => {
+                var _a;
+                return [
+                  createTextVNode(toDisplayString((_a = __props.content) != null ? _a : "-"), 1)
+                ];
+              }),
+              _: 1
+            }, 8, ["style", "tooltip"])
+          ])
+        ]),
+        default: withCtx(() => [
+          createTextVNode(" " + toDisplayString(__props.tip), 1)
+        ]),
         _: 1
       }, 8, ["disabled"]);
     };