cnhis-design-vue 3.1.8 → 3.1.9-beta.3

package/es/packages/info-header/src/InfoHeader.vue_vue_type_script_setup_true_lang.mjs

@@ -1,12 +1,15 @@
-import { defineComponent, ref, nextTick, onMounted, watch, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot, Fragment, toDisplayString, createCommentVNode, renderList, withDirectives, createBlock, unref, withCtx, createTextVNode, vShow, createVNode } from 'vue';
+import { defineComponent, ref, nextTick, onMounted, watch, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot, createCommentVNode, Fragment, toDisplayString, renderList, withDirectives, createBlock, unref, withCtx, createTextVNode, vShow, createVNode } from 'vue';
 import { NTag, NDescriptions, NDescriptionsItem, NEllipsis } from 'naive-ui';
 import { useThrottleFn, useEventListener } from '@vueuse/core';
-import SlotRender from './SlotRender2.mjs';
-import './HiddenContent2.mjs';
+import SlotRender from './SlotRender.mjs';
+import './HiddenContent.mjs';
 import script$1 from './HiddenContent.vue_vue_type_script_setup_true_lang.mjs';
 
 const _hoisted_1 = { class: "c-info-header__operation" };
-const _hoisted_2 = /* @__PURE__ */ createElementVNode("div", { class: "c-info-header__divider" }, null, -1);
+const _hoisted_2 = {
+  key: 0,
+  class: "c-info-header__divider"
+};
 const _hoisted_3 = { class: "c-info-header__patient" };
 const _hoisted_4 = { class: "c-info-header__patientHeader" };
 const _hoisted_5 = {
@@ -26,6 +29,7 @@ const _hoisted_9 = /* @__PURE__ */ createElementVNode("i", { class: "iconfont ic
 const _hoisted_10 = /* @__PURE__ */ createElementVNode("i", { class: "iconfont icon-setting" }, null, -1);
 const _hoisted_11 = /* @__PURE__ */ createElementVNode("i", { class: "iconfont icon-double_down" }, null, -1);
 var script = /* @__PURE__ */ defineComponent({
+  __name: "InfoHeader",
   props: {
     compact: { type: Boolean, required: true },
     separator: { type: String, default: ":" },
@@ -36,7 +40,11 @@ var script = /* @__PURE__ */ defineComponent({
     minColumnWidth: { type: [String, Number], default: 240 },
     rowHeight: { type: [String, Number], default: 32 }
   },
-  emits: ["openPatientInfo", "fieldSet", "update:compact"],
+  emits: [
+    "openPatientInfo",
+    "fieldSet",
+    "update:compact"
+  ],
   setup(__props, { expose, emit }) {
     const props = __props;
     function toggleCompact() {
@@ -98,7 +106,7 @@ var script = /* @__PURE__ */ defineComponent({
         createElementVNode("section", _hoisted_1, [
           renderSlot(_ctx.$slots, "operation")
         ]),
-        _hoisted_2,
+        _ctx.$slots.operation ? (openBlock(), createElementBlock("div", _hoisted_2)) : createCommentVNode("v-if", true),
         createElementVNode("section", _hoisted_3, [
           renderSlot(_ctx.$slots, "patientModule"),
           !_ctx.$slots.avatarModule ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
@@ -107,7 +115,7 @@ var script = /* @__PURE__ */ defineComponent({
               createElementVNode("header", _hoisted_4, [
                 __props.patientInfo.name ? (openBlock(), createElementBlock("div", _hoisted_5, toDisplayString(__props.patientInfo.name), 1)) : createCommentVNode("v-if", true),
                 __props.patientInfo.sex ? (openBlock(), createElementBlock("div", _hoisted_6, "/ " + toDisplayString(__props.patientInfo.sex), 1)) : createCommentVNode("v-if", true),
-                __props.patientInfo.age ? (openBlock(), createElementBlock("div", _hoisted_7, "/ " + toDisplayString(__props.patientInfo.age) + "\u5C81", 1)) : createCommentVNode("v-if", true),
+                __props.patientInfo.age ? (openBlock(), createElementBlock("div", _hoisted_7, " / " + toDisplayString(__props.patientInfo.age) + toDisplayString(__props.patientInfo.ageUnit || "\u5C81"), 1)) : createCommentVNode("v-if", true),
                 (openBlock(true), createElementBlock(Fragment, null, renderList(__props.patientInfo.tagList || [], (tag) => {
                   return withDirectives((openBlock(), createBlock(unref(NTag), {
                     key: tag.content,

package/es/packages/info-header/src/SlotRender.mjs

@@ -1 +1,35 @@
-export { default } from './SlotRender2.mjs';
+import { isString, isFunction } from 'lodash-es';
+import { defineComponent } from 'vue';
+
+var SlotRender = defineComponent({
+  name: "SlotRender",
+  props: {
+    renderer: {
+      type: [String, Function],
+      required: true
+    },
+    rootSlots: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props, {
+    attrs
+  }) {
+    function renderSlots(slotName) {
+      const renderer = props.rootSlots[slotName];
+      return isFunction(renderer) ? renderer(attrs) : null;
+    }
+    function renderVNode(renderer) {
+      return isFunction(renderer) ? renderer(attrs) : null;
+    }
+    return () => {
+      const {
+        renderer
+      } = props;
+      return isString(renderer) ? renderSlots(renderer) : isFunction(renderer) ? renderVNode(renderer) : null;
+    };
+  }
+});
+
+export { SlotRender as default };

package/es/packages/info-header/style/index.less

@@ -1,153 +1,153 @@
-.c-info-header {
-  @font-face {
-  font-family: "iconfont"; /* Project id 3468756 */
-  src: url('./iconfont.ttf?t=1655348824139') format('truetype');
-}
-
-.iconfont {
-  font-family: "iconfont" !important;
-  font-size: 16px;
-  font-style: normal;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-.icon-double_up:before {
-  content: "\e8c3";
-}
-
-.icon-guanbi-yanjing:before {
-  content: "\e6e3";
-}
-
-.icon-faxian-yanjing:before {
-  content: "\e6de";
-}
-
-.icon-bianji:before {
-  content: "\e600";
-}
-
-.icon-setting:before {
-  content: "\e785";
-}
-
-.icon-double_down:before {
-  content: "\e8c2";
-}
-
-
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 18px;
-  padding: 16px;
-  box-shadow: 0 2px 4px 0 rgba(176, 176, 176, 0.46);
-  background: white;
-
-  &__operation {
-    //
-  }
-
-  &__divider {
-    width: 1px;
-    background: #d5d5d566;
-    align-self: stretch;
-  }
-
-  &__patient {
-    display: flex;
-    gap: 12px;
-    margin-right: 34px;
-
-    &Header {
-      display: flex;
-      vertical-align: bottom;
-      align-items: baseline;
-      gap: 6px;
-
-      &--name {
-        font-size: 20px;
-        font-weight: 700;
-        margin-right: 6px;
-      }
-
-      .n-tag {
-        align-self: flex-start;
-        border-radius: 4px;
-      }
-    }
-  }
-
-  &__info {
-    flex: 1;
-    display: flex;
-    flex-wrap: wrap;
-    overflow: hidden;
-    justify-content: flex-start;
-    height: calc(var(--row-height) * var(--row-num) * 1px);
-
-    font-size: 14px;
-
-    td {
-      text-align: left;
-    }
-
-    .n-descriptions-table-content {
-      padding-bottom: 0 !important;
-      height: calc(var(--row-height) * 1px);
-      vertical-align: middle !important;
-      max-width: calc(var(--column-width) * 1px);
-    }
-
-    .n-descriptions-table-content__content {
-      font-weight: 700;
-    }
-
-    .n-descriptions-table-content__label {
-      display: inline-block;
-    }
-  }
-
-  &__setting {
-    display: flex;
-    align-self: flex-start;
-    gap: 8px;
-
-    &Icon {
-      cursor: pointer;
-    }
-
-    .iconfont {
-      font-size: 20px;
-      color: black;
-      display: inline-block;
-      transition: all .2s ease-in-out;
-    }
-  }
-
-  &.is-compact {
-    [compact-hidden] {
-      display: none !important;
-    }
-
-    .icon-double_down {
-      transform: rotate(180deg);
-    }
-  }
-
-  &__hidden {
-    display: inline-flex;
-    vertical-align: middle;
-    align-items: center;
-    gap: 8px;
-    font-size: 14px;
-
-    &--icon {
-      color: inherit !important;
-      cursor: pointer;
-      font-size: 14px;
-      text-decoration: none !important;
-    }
-  }
-}
+.c-info-header {
+  @font-face {
+  font-family: "iconfont"; /* Project id 3468756 */
+  src: url('./iconfont.ttf?t=1655348824139') format('truetype');
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-double_up:before {
+  content: "\e8c3";
+}
+
+.icon-guanbi-yanjing:before {
+  content: "\e6e3";
+}
+
+.icon-faxian-yanjing:before {
+  content: "\e6de";
+}
+
+.icon-bianji:before {
+  content: "\e600";
+}
+
+.icon-setting:before {
+  content: "\e785";
+}
+
+.icon-double_down:before {
+  content: "\e8c2";
+}
+
+
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 18px;
+  padding: 16px;
+  box-shadow: 0 2px 4px 0 rgba(176, 176, 176, 0.46);
+  background: white;
+
+  &__operation {
+    //
+  }
+
+  &__divider {
+    width: 1px;
+    background: #d5d5d566;
+    align-self: stretch;
+  }
+
+  &__patient {
+    display: flex;
+    gap: 12px;
+    margin-right: 34px;
+
+    &Header {
+      display: flex;
+      vertical-align: bottom;
+      align-items: baseline;
+      gap: 6px;
+
+      &--name {
+        font-size: 20px;
+        font-weight: 700;
+        margin-right: 6px;
+      }
+
+      .n-tag {
+        align-self: flex-start;
+        border-radius: 4px;
+      }
+    }
+  }
+
+  &__info {
+    flex: 1;
+    display: flex;
+    flex-wrap: wrap;
+    overflow: hidden;
+    justify-content: flex-start;
+    height: calc(var(--row-height) * var(--row-num) * 1px);
+
+    font-size: 14px;
+
+    td {
+      text-align: left;
+    }
+
+    .n-descriptions-table-content {
+      padding-bottom: 0 !important;
+      height: calc(var(--row-height) * 1px);
+      vertical-align: middle !important;
+      max-width: calc(var(--column-width) * 1px);
+    }
+
+    .n-descriptions-table-content__content {
+      font-weight: 700;
+    }
+
+    .n-descriptions-table-content__label {
+      display: inline-block;
+    }
+  }
+
+  &__setting {
+    display: flex;
+    align-self: flex-start;
+    gap: 8px;
+
+    &Icon {
+      cursor: pointer;
+    }
+
+    .iconfont {
+      font-size: 20px;
+      color: black;
+      display: inline-block;
+      transition: all .2s ease-in-out;
+    }
+  }
+
+  &.is-compact {
+    [compact-hidden] {
+      display: none !important;
+    }
+
+    .icon-double_down {
+      transform: rotate(180deg);
+    }
+  }
+
+  &__hidden {
+    display: inline-flex;
+    vertical-align: middle;
+    align-items: center;
+    gap: 8px;
+    font-size: 14px;
+
+    &--icon {
+      color: inherit !important;
+      cursor: pointer;
+      font-size: 14px;
+      text-decoration: none !important;
+    }
+  }
+}