cnhis-design-vue 3.3.1-beta.44 → 3.3.1-beta.48

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

@@ -1 +1,6 @@
-import e from"./InfoHeader.vue2.js";import r from"../../../_virtual/_plugin-vue_export-helper.js";var o=r(e,[["__file","InfoHeader.vue"]]);export{o as default};
+import _sfc_main from './InfoHeader.vue2.js';
+import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.js';
+
+var script = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "InfoHeader.vue"]]);
+
+export { script as default };

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

@@ -1 +1,190 @@
-import{defineComponent as e,provide as t,ref as o,computed as n,openBlock as i,createElementBlock as a,mergeProps as s,unref as r,createCommentVNode as p,renderSlot as c,createElementVNode as d,normalizeClass as l,normalizeStyle as f,createVNode as m,withCtx as u,Fragment as h,renderList as v,createBlock as g,resolveDynamicComponent as y,h as b,nextTick as _}from"vue";import"../../../shared/utils/index.js";import"naive-ui";import"@vueuse/core";import"date-fns";import{isString as I}from"lodash-es";import"@vue/shared";import"@vueuse/shared";import"../../../shared/hooks/selectHooks/useSearchContent.js";import"@vicons/ionicons5";import{useVersion as $}from"../../../shared/hooks/useVersion.js";import"../../../shared/hooks/useScrollLoading.js";import j from"./components/infoDescription/index.vue.js";import S from"./components/patientInfo/index.vue.js";import{InjectionInfoHeaderEmit as x,InjectionInfoHeaderFormRef as k}from"./constants/index.js";const z={class:"c-info-header__operation"},w={key:0,class:"c-info-header__divider"},C={class:"c-info-header__setting"},B=["onClick"];var H=e({__name:"InfoHeader",props:{anime:{type:Boolean,default:!0},compact:{type:Boolean,required:!0},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:!0}},emits:["openPatientInfo","fieldSet","update:compact","formChange"],setup(e,{expose:H,emit:P}){const A=e;t(x,P);const D=o();function E(){var e;return null==(e=D.value)?void 0:e.updateColumn()}const F=n((()=>({"--row-height":A.rowHeight,"--row-num":A.compact?1:2,"--padding-tb":A.compact?6:4}))),L={patientInfo:{event:function(){P("openPatientInfo")},render:()=>[b("i",{class:"info-header--iconfont info-header--icon-a-menzhenyishengzhanxitongtubiaobianji"})]},fieldSet:{event:function(){P("fieldSet")},render:()=>[b("i",{class:"info-header--iconfont info-header--icon-a-menzhenyishengzhanxitongtubiaoshezhi"})]},compact:{event:async function(){P("update:compact",!A.compact),await _(),await E()},render:()=>[b("i",{class:"info-header--iconfont info-header--icon-a-menzhenyishengzhanxitongtubiaojiantouxia"})]}},N=n((()=>A.settingIcons.map((e=>(I(e)?L[e]:e)||{})))),O=o();return t(k,O),H({update:E,$formRender:O}),(t,o)=>(i(),a("header",s({class:["c-info-header",{"anime--disabled":!e.anime}]},r($)()),[p("  顶部插槽  "),c(t.$slots,"header"),d("div",{class:l(["c-info-header__content",{"is-compact":e.compact}]),style:f(r(F))},[d("section",z,[p("   操作区插槽   "),c(t.$slots,"operation")]),t.$slots.operation?(i(),a("div",w)):p("v-if",!0),p("   患者信息区插槽,需要自己实现整个患者信息区时使用   "),c(t.$slots,"patientModule",{},(()=>[m(r(S),{"patient-info":e.patientInfo,"patient-editable":e.patientEditable},{avatarInfo:u((()=>[p("   头像区补充内容插槽 (会插入头像下方)  "),c(t.$slots,"avatarInfo")])),avatar:u((()=>[p("    头像插槽      "),c(t.$slots,"avatar")])),tags:u((()=>[p("    标签插槽      "),c(t.$slots,"tags")])),_:3},8,["patient-info","patient-editable"])])),m(r(j),s({ref_key:"infoDescriptionRef",ref:D,"root-slot":t.$slots},t.$props),{info:u((()=>[p("    信息描述区插槽    "),c(t.$slots,"info")])),_:3},16,["root-slot"]),d("section",C,[p("  设置区插槽    "),c(t.$slots,"setting",{},(()=>[(i(!0),a(h,null,v(r(N),(e=>(i(),a("div",{key:e,class:"c-info-header__settingIcon",onClick:e.event},[(i(),g(y(e.render)))],8,B)))),128))]))])],6),p("  底部插槽  "),c(t.$slots,"footer")],16))}});export{H as default};
+import { defineComponent, provide, ref, computed, openBlock, createElementBlock, mergeProps, unref, createCommentVNode, renderSlot, createElementVNode, normalizeClass, normalizeStyle, createVNode, withCtx, Fragment, renderList, createBlock, resolveDynamicComponent, h, nextTick } from 'vue';
+import '../../../shared/utils/index.js';
+import 'naive-ui';
+import '@vueuse/core';
+import 'date-fns';
+import { isString } from 'lodash-es';
+import '@vue/shared';
+import '@vueuse/shared';
+import '../../../shared/hooks/selectHooks/useSearchContent.js';
+import '@vicons/ionicons5';
+import { useVersion } from '../../../shared/hooks/useVersion.js';
+import '../../../shared/hooks/useScrollLoading.js';
+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_2 = {
+  key: 0,
+  class: "c-info-header__divider"
+};
+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
+    },
+    settingIcons: {
+      type: Array,
+      default: () => ["patientInfo", "fieldSet", "compact"]
+    },
+    formProps: {
+      type: Object
+    },
+    encrypted: {
+      type: Boolean,
+      default: true
+    }
+  },
+  emits: [
+    "openPatientInfo",
+    "fieldSet",
+    "update:compact",
+    "formChange"
+  ],
+  setup(__props, {
+    expose,
+    emit
+  }) {
+    const props = __props;
+    provide(InjectionInfoHeaderEmit, emit);
+    const infoDescriptionRef = ref();
+    function updateColumn() {
+      var _a;
+      return (_a = infoDescriptionRef.value) == null ? void 0 : _a.updateColumn();
+    }
+    async function toggleCompact() {
+      emit("update:compact", !props.compact);
+      await nextTick();
+      await updateColumn();
+    }
+    function openPatientInfo() {
+      emit("openPatientInfo");
+    }
+    function fieldSet() {
+      emit("fieldSet");
+    }
+    const cssVars = computed(() => {
+      return {
+        "--row-height": props.rowHeight,
+        "--row-num": props.compact ? 1 : 2,
+        "--padding-tb": props.compact ? 6 : 4
+      };
+    });
+    const settingIconMap = {
+      patientInfo: {
+        event: openPatientInfo,
+        render() {
+          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"
+          })];
+        }
+      },
+      compact: {
+        event: toggleCompact,
+        render() {
+          return [h("i", {
+            class: "info-header--iconfont info-header--icon-a-menzhenyishengzhanxitongtubiaojiantouxia"
+          })];
+        }
+      }
+    };
+    const settingIconList = computed(() => {
+      return props.settingIcons.map((setting) => {
+        return (isString(setting) ? settingIconMap[setting] : setting) || {};
+      });
+    });
+    const formRenderRef = ref();
+    provide(InjectionInfoHeaderFormRef, formRenderRef);
+    expose({
+      update: updateColumn,
+      $formRender: formRenderRef
+    });
+    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(unref(cssVars))
+      }, [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(unref(settingIconList), (item) => {
+        return openBlock(), createElementBlock("div", {
+          key: item,
+          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);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/info-header/src/components/index.js

@@ -1 +1,2 @@
-export{default as InfoDescription}from"./infoDescription/index.vue.js";export{default as PatientInfo}from"./patientInfo/index.vue.js";
+export { default as InfoDescription } from './infoDescription/index.vue.js';
+export { default as PatientInfo } from './patientInfo/index.vue.js';

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

@@ -1 +1,6 @@
-import e from"./DescriptionItem.vue2.js";import r from"../../../../../_virtual/_plugin-vue_export-helper.js";var t=r(e,[["__file","DescriptionItem.vue"]]);export{t as default};
+import _sfc_main from './DescriptionItem.vue2.js';
+import _export_sfc from '../../../../../_virtual/_plugin-vue_export-helper.js';
+
+var DescriptionItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "DescriptionItem.vue"]]);
+
+export { DescriptionItem as default };

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

@@ -1 +1,190 @@
-import{defineComponent as e,inject as t,watch as o,computed as n,openBlock as l,createElementBlock as i,createBlock as r,unref as m,normalizeStyle as d,Fragment as s,withDirectives as a,createElementVNode as c,vShow as f,createCommentVNode as u}from"vue";import{isField as p}from"@formily/core";import{useForm as y}from"@formily/vue";import{isFunction as v}from"lodash-es";import{pauseTracking as I,enableTracking as h}from"@vue/reactivity";import"../../../../form-render/index.js";import{InjectionSchemaField as F,InjectionBusinessCollector as w}from"../../../../form-render/src/constants/index.js";import{InjectionInfoHeaderFormRef as b}from"../../constants/index.js";import k from"./HiddenContent.vue.js";import P from"./InfoEllipsis.vue.js";import x from"../../../../../shared/components/SlotRender/SlotRender.js";import{useFieldListAdaptor as j}from"../../../../form-render/src/hooks/useFieldListAdaptor.js";import{createObjSchema as S}from"../../../../form-render/src/utils/schema.js";const g={key:0};var W=e({__name:"DescriptionItem",props:{infoItem:{default:()=>({})},labelField:{default:"label"},valueField:{default:"value"},width:null,rootSlot:null,encrypted:{type:Boolean}},setup(e){const W=e,_=t(F,{render:()=>null}),B=t(b);function E(e){W.infoItem.edit=e}async function q(e){var t,o,n;if(!e.formField||e.edit)return;E(!0);const l=await(null==(t=B.value)?void 0:t.queryWidget(e[W.labelField]));l&&(null==(o=l.widgetElement)||o.focus(),null==(n=l.widgetElement)||n.click())}o((()=>W.infoItem.edit),(e=>{var t;null==(t=B.value)||t.setFieldState(W.infoItem[W.labelField],(t=>{t.decoratorProps.showTooltipFeedback=!!e}))}),{immediate:!0});const A=t(w,void 0),{schemaAdaptor:C}=j(A),D=y(),L=n((()=>{var e,t,o;const n=W.infoItem.formField;if(!n)return{};const l=W.infoItem[W.labelField],i={...n,html_type:null!=(e=n.html_type)?e:"INPUT",val_key:l,decoratorProps:{showLabel:!1,...n.decoratorProps,style:{marginBottom:"-12px"}},componentProps:{size:"tiny",clearable:!0,...n.componentProps,style:{fontWeight:(null==(t=W.infoItem)?void 0:t.bold)?700:500,...null==(o=n.componentProps)?void 0:o.style},async onBlur(e){var t;if(D&&D.value)try{const o=D.value.query(l).take();await(o&&p(o)&&o.validate()),E(!1),v(null==(t=n.componentProps)?void 0:t.onBlur)&&n.componentProps.onBlur(e)}catch(e){}}}};I(),i.default_val=W.infoItem[W.valueField],h();const r=C([i]);return S(r)}));o((()=>W.width),(e=>{var t;e&&W.infoItem.formField&&(null==(t=B.value)||t.setFieldState(W.infoItem[W.labelField],(t=>{t.componentProps&&(t.componentProps.style={...t.componentProps.style,maxWidth:e+"px"})})))}));const R=n((()=>({fontWeight:W.infoItem.bold?700:500,...W.infoItem.contentStyle}))),T=n((()=>{const{bold:e,contentStyle:t}=W.infoItem,o=W.width+"px";return{width:o,maxWidth:o,fontWeight:e?700:500,...t}})),z=n((()=>["电话","身份证"].some((e=>{var t,o;return null==(o=null==(t=W.infoItem[W.labelField])?void 0:t.includes)?void 0:o.call(t,e)}))));return(t,o)=>(l(),i("section",{onDblclick:o[0]||(o[0]=t=>q(e.infoItem)),onClick:o[1]||(o[1]=t=>async function(e){e.formField&&!e[W.valueField]&&0!==e[W.valueField]&&q(e)}(e.infoItem))},[e.infoItem.slot?(l(),r(m(x),{key:0,renderer:e.infoItem.slot,"root-slots":e.rootSlot,item:e.infoItem,style:d(m(R)),width:e.width},null,8,["renderer","root-slots","item","style","width"])):(l(),i(s,{key:1},[a(c("section",null,[m(z)?(l(),r(k,{key:0,content:e.infoItem[e.valueField],tip:e.infoItem.tip,"content-style":m(R),width:e.width,encrypted:e.encrypted},null,8,["content","tip","content-style","width","encrypted"])):(l(),r(P,{key:1,"content-style":m(T),content:e.infoItem[e.valueField],tip:e.infoItem.tip},null,8,["content-style","content","tip"]))],512),[[f,!e.infoItem.edit||!e.infoItem.formField]]),e.infoItem.formField?a((l(),i("section",g,[(l(),r(m(_),{schema:m(L),key:e.infoItem[e.labelField]},null,8,["schema"]))],512)),[[f,e.infoItem.edit]]):u("v-if",!0)],64))],32))}});export{W as default};
+import { defineComponent, inject, watch, computed, openBlock, createElementBlock, createBlock, unref, normalizeStyle, Fragment, withDirectives, createElementVNode, vShow, createCommentVNode } from 'vue';
+import { isField } from '@formily/core';
+import { useForm } from '@formily/vue';
+import { isFunction } from 'lodash-es';
+import { pauseTracking, enableTracking } from '@vue/reactivity';
+import '../../../../form-render/index.js';
+import { InjectionSchemaField, InjectionBusinessCollector } from '../../../../form-render/src/constants/index.js';
+import { InjectionInfoHeaderFormRef } from '../../constants/index.js';
+import HiddenContent from './HiddenContent.vue.js';
+import InfoEllipsis from './InfoEllipsis.vue.js';
+import script from '../../../../../shared/components/SlotRender/SlotRender.js';
+import { useFieldListAdaptor } from '../../../../form-render/src/hooks/useFieldListAdaptor.js';
+import { createObjSchema } from '../../../../form-render/src/utils/schema.js';
+
+const _hoisted_1 = {
+  key: 0
+};
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "DescriptionItem",
+  props: {
+    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 formRenderRef = inject(InjectionInfoHeaderFormRef);
+    function setEdit(v) {
+      props.infoItem.edit = 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
+    });
+    async function onItemDblclick(item) {
+      var _a, _b, _c;
+      if (!item.formField || item.edit)
+        return;
+      setEdit(true);
+      const queryResult = await ((_a = formRenderRef.value) == null ? void 0 : _a.queryWidget(item[props.labelField]));
+      if (!queryResult)
+        return;
+      (_b = queryResult.widgetElement) == null ? void 0 : _b.focus();
+      (_c = queryResult.widgetElement) == null ? void 0 : _c.click();
+    }
+    async function onItemClick(item) {
+      if (!item.formField || item[props.valueField] || item[props.valueField] === 0)
+        return;
+      onItemDblclick(item);
+    }
+    const collector = inject(InjectionBusinessCollector, void 0);
+    const {
+      schemaAdaptor
+    } = useFieldListAdaptor(collector);
+    const formModel = useForm();
+    const schema = computed(() => {
+      var _a, _b, _c;
+      const field = props.infoItem.formField;
+      if (!field)
+        return {};
+      const fieldKey = props.infoItem[props.labelField];
+      const fieldItem = {
+        ...field,
+        html_type: (_a = field.html_type) != null ? _a : "INPUT",
+        val_key: fieldKey,
+        decoratorProps: {
+          showLabel: false,
+          ...field.decoratorProps,
+          style: {
+            marginBottom: "-12px"
+          }
+        },
+        componentProps: {
+          size: "tiny",
+          clearable: true,
+          ...field.componentProps,
+          style: {
+            fontWeight: ((_b = props.infoItem) == null ? void 0 : _b.bold) ? 700 : 500,
+            ...(_c = field.componentProps) == null ? void 0 : _c.style
+          },
+          async onBlur(event) {
+            var _a2;
+            if (!formModel || !formModel.value)
+              return;
+            try {
+              const fieldInstance = formModel.value.query(fieldKey).take();
+              await (fieldInstance && isField(fieldInstance) && fieldInstance.validate());
+              setEdit(false);
+              isFunction((_a2 = field.componentProps) == null ? void 0 : _a2.onBlur) && field.componentProps.onBlur(event);
+            } catch (e) {
+            }
+          }
+        }
+      };
+      pauseTracking();
+      fieldItem.default_val = props.infoItem[props.valueField];
+      enableTracking();
+      const fields = schemaAdaptor([fieldItem]);
+      return createObjSchema(fields);
+    });
+    watch(() => props.width, (width) => {
+      var _a;
+      if (!width || !props.infoItem.formField)
+        return;
+      (_a = formRenderRef.value) == null ? void 0 : _a.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
+      };
+    });
+    const ellipsisStyle = computed(() => {
+      const {
+        bold,
+        contentStyle
+      } = props.infoItem;
+      const width = props.width + "px";
+      return {
+        width,
+        maxWidth: width,
+        fontWeight: bold ? 700 : 500,
+        ...contentStyle
+      };
+    });
+    const isHiddenContent = computed(() => {
+      return ["\u7535\u8BDD", "\u8EAB\u4EFD\u8BC1"].some((key) => {
+        var _a, _b;
+        return (_b = (_a = props.infoItem[props.labelField]) == null ? void 0 : _a.includes) == null ? void 0 : _b.call(_a, key);
+      });
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("section", {
+        onDblclick: _cache[0] || (_cache[0] = ($event) => onItemDblclick(__props.infoItem)),
+        onClick: _cache[1] || (_cache[1] = ($event) => onItemClick(__props.infoItem))
+      }, [__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);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

@@ -1 +1,6 @@
-import e from"./DescriptionList.vue2.js";import i from"../../../../../_virtual/_plugin-vue_export-helper.js";var r=i(e,[["__file","DescriptionList.vue"]]);export{r as default};
+import _sfc_main from './DescriptionList.vue2.js';
+import _export_sfc from '../../../../../_virtual/_plugin-vue_export-helper.js';
+
+var DescriptionList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "DescriptionList.vue"]]);
+
+export { DescriptionList as default };

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

@@ -1 +1,69 @@
-import{defineComponent as e,openBlock as l,createBlock as t,unref as i,withCtx as o,createElementBlock as a,Fragment as n,renderList as d}from"vue";import{NDescriptions as r,NDescriptionsItem as u}from"naive-ui";import f from"./DescriptionItem.vue.js";var s=e({__name:"DescriptionList",props:{infoList:{default:()=>[]},labelField:{default:"label"},valueField:{default:"value"},rootSlot:null,descriptionWidthList:{default:()=>[]},columnNum:{default:3},inForm:{type:Boolean},encrypted:{type:Boolean}},setup(e){const s={height:"100%",display:"inline-flex","align-items":"center"};return(p,m)=>(l(),t(i(r),{"label-align":"right","label-placement":"left",separator:":",column:e.columnNum,"label-style":s,"content-style":s},{default:o((()=>[(l(!0),a(n,null,d(e.infoList,((a,n)=>(l(),t(i(u),{key:a[e.labelField],label:a[e.labelField]},{default:o((()=>[(l(),t(f,{key:a[e.labelField],"info-item":a,width:e.descriptionWidthList[n],"root-slot":e.rootSlot,"label-field":e.labelField,"value-field":e.valueField,encrypted:e.encrypted},null,8,["info-item","width","root-slot","label-field","value-field","encrypted"]))])),_:2},1032,["label"])))),128))])),_:1},8,["column"]))}});export{s as default};
+import { defineComponent, openBlock, createBlock, unref, withCtx, createElementBlock, Fragment, renderList } from 'vue';
+import { NDescriptions, NDescriptionsItem } from 'naive-ui';
+import DescriptionItem from './DescriptionItem.vue.js';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "DescriptionList",
+  props: {
+    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"
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(NDescriptions), {
+        "label-align": "right",
+        "label-placement": "left",
+        separator: ":",
+        column: __props.columnNum,
+        "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, {
+              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"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

@@ -1 +1,6 @@
-import e from"./HiddenContent.vue2.js";import t from"../../../../../_virtual/_plugin-vue_export-helper.js";var r=t(e,[["__file","HiddenContent.vue"]]);export{r as default};
+import _sfc_main from './HiddenContent.vue2.js';
+import _export_sfc from '../../../../../_virtual/_plugin-vue_export-helper.js';
+
+var HiddenContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "HiddenContent.vue"]]);
+
+export { HiddenContent as default };

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

@@ -1 +1,85 @@
-import{defineComponent as t,ref as n,computed as e,watch as i,openBlock as o,createElementBlock as r,normalizeStyle as a,unref as l,createElementVNode as c,createVNode as d,normalizeClass as u}from"vue";import s from"./InfoEllipsis.vue.js";const f={class:"c-info-header__hidden--content"};var p=t({__name:"HiddenContent",props:{content:{type:String,default:""},tip:String,width:{type:Number},contentStyle:{type:Object,default:()=>({})},encrypted:{type:Boolean,default:!0}},setup(t){const p=t,h=n(!0);function y(){h.value=!h.value}const v=e((()=>{const t=p.width+"px";return{maxWidth:t,width:t}})),m=e((()=>{if(!p.width)return{};const t=p.width-40+"px";return Object.assign({},p.contentStyle,{maxWidth:t})})),g=e((()=>{let{content:t}=p;if(!h.value)return t;if(null==t)return"-";t+="";const n=t.length;if(!n||1===n)return t;const e=Math.floor(n/2),i=Math.floor((n-e)/2);return`${t.substring(0,i)}${"*".repeat(e)}${null==t?void 0:t.substring(i+e)}`}));return i((()=>p.encrypted),(t=>{h.value=t}),{immediate:!0}),(n,e)=>(o(),r("div",{class:"c-info-header__hidden",style:a(l(v))},[c("div",f,[d(s,{"content-style":l(m),content:l(g),tip:t.tip},null,8,["content-style","content","tip"])]),c("i",{onClick:y,class:u(["c-info-header__hidden--icon","info-header--iconfont","info-header--icon-"+(h.value?"guanbi-yanjing":"faxian-yanjing")])},null,2)],4))}});export{p as default};
+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"
+};
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "HiddenContent",
+  props: {
+    content: {
+      type: String,
+      default: ""
+    },
+    tip: String,
+    width: {
+      type: Number
+    },
+    contentStyle: {
+      type: Object,
+      default: () => ({})
+    },
+    encrypted: {
+      type: Boolean,
+      default: true
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const hidden = ref(true);
+    function toggleHidden() {
+      hidden.value = !hidden.value;
+    }
+    const wrapperStyle = computed(() => {
+      const width = props.width + "px";
+      return {
+        maxWidth: width,
+        width
+      };
+    });
+    const parsedContentStyle = computed(() => {
+      if (!props.width)
+        return {};
+      const maxWidth = props.width - 40 + "px";
+      return Object.assign({}, props.contentStyle, {
+        maxWidth
+      });
+    });
+    const displayContent = computed(() => {
+      let {
+        content
+      } = props;
+      if (!hidden.value)
+        return content;
+      if (content == null)
+        return "-";
+      content += "";
+      const length = content.length;
+      if (!length || length === 1)
+        return content;
+      const hiddenNum = Math.floor(length / 2);
+      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
+    });
+    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);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

@@ -1 +1,6 @@
-import e from"./InfoEllipsis.vue2.js";import i from"../../../../../_virtual/_plugin-vue_export-helper.js";var l=i(e,[["__file","InfoEllipsis.vue"]]);export{l as default};
+import _sfc_main from './InfoEllipsis.vue2.js';
+import _export_sfc from '../../../../../_virtual/_plugin-vue_export-helper.js';
+
+var InfoEllipsis = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "InfoEllipsis.vue"]]);
+
+export { InfoEllipsis as default };

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

@@ -1 +1,43 @@
-import{defineComponent as t,openBlock as e,createBlock as l,unref as o,withCtx as i,createElementVNode as n,createVNode as p,normalizeStyle as r,createTextVNode as a,toDisplayString as u}from"vue";import{NTooltip as s,NEllipsis as d}from"naive-ui";var f=t({__name:"InfoEllipsis",props:{content:{type:[String,Number],default:""},tip:{type:String},contentStyle:{type:Object,default:()=>({})}},setup:t=>(f,m)=>(e(),l(o(s),{disabled:!t.tip},{trigger:i((()=>[n("section",null,[p(o(d),{style:r(t.contentStyle),tooltip:{placement:t.tip?"bottom":"top"}},{default:i((()=>{var e;return[a(u(null!=(e=t.content)?e:"-"),1)]})),_:1},8,["style","tooltip"])])])),default:i((()=>[a(" "+u(t.tip),1)])),_:1},8,["disabled"]))});export{f as default};
+import { defineComponent, openBlock, createBlock, unref, withCtx, createElementVNode, createVNode, normalizeStyle, createTextVNode, toDisplayString } from 'vue';
+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: () => ({})
+    }
+  },
+  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)]),
+        _: 1
+      }, 8, ["disabled"]);
+    };
+  }
+});
+
+export { _sfc_main as default };