cnhis-design-vue 3.1.14-beta.12 → 3.1.14-beta.15

package/es/packages/index.css

@@ -389,12 +389,145 @@ body > .vxe-table--tooltip-wrapper {
 }
 .custom-big-table .domPropsInnerHTML-span {
   height: 100%;
+  /*         老版图标样式              */
 }
 .custom-big-table .domPropsInnerHTML-span img {
   display: inline-block;
   height: var(--tableImageHeight);
   width: var(--tableImageWidth);
 }
+.custom-big-table .domPropsInnerHTML-span .icon-dot-red {
+  width: 8px;
+  height: 8px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  background: red;
+  display: inline-block;
+  margin-right: 6px;
+  box-shadow: 0px 2px 4px 0px rgba(255, 0, 0, 0.5);
+}
+.custom-big-table .domPropsInnerHTML-span .icon-dot-blue {
+  width: 8px;
+  height: 8px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  background: blue;
+  display: inline-block;
+  margin-right: 6px;
+  box-shadow: 0px 2px 4px 0px rgba(0, 0, 255, 0.5);
+}
+.custom-big-table .domPropsInnerHTML-span .icon-dot-green {
+  width: 8px;
+  height: 8px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  background: green;
+  display: inline-block;
+  margin-right: 6px;
+  box-shadow: 0px 2px 4px 0px rgba(0, 128, 0, 0.5);
+}
+.custom-big-table .domPropsInnerHTML-span .icon-dot-gray {
+  width: 8px;
+  height: 8px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  background: gray;
+  display: inline-block;
+  margin-right: 6px;
+  box-shadow: 0px 2px 4px 0px rgba(128, 128, 128, 0.5);
+}
+.custom-big-table .domPropsInnerHTML-span .icon-dot-yellow {
+  width: 8px;
+  height: 8px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  background: yellow;
+  display: inline-block;
+  margin-right: 6px;
+  box-shadow: 0px 2px 4px 0px rgba(255, 255, 0, 0.5);
+}
+.custom-big-table .domPropsInnerHTML-span .icon-dot-resolved {
+  width: 8px;
+  height: 8px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  background: #36be8c;
+  display: inline-block;
+  margin-right: 6px;
+  box-shadow: 0px 2px 4px 0px rgba(54, 190, 140, 0.5);
+}
+.custom-big-table .domPropsInnerHTML-span .icon-dot-huifu {
+  width: 8px;
+  height: 8px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  background: #42d0f6;
+  display: inline-block;
+  margin-right: 6px;
+  box-shadow: 0px 2px 4px 0px rgba(66, 208, 246, 0.5);
+}
+.custom-big-table .domPropsInnerHTML-span .icon-dot-close {
+  width: 8px;
+  height: 8px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  background: #718391;
+  display: inline-block;
+  margin-right: 6px;
+  box-shadow: 0px 2px 4px 0px rgba(113, 131, 145, 0.5);
+}
+.custom-big-table .domPropsInnerHTML-span .icon-dot-audit {
+  width: 8px;
+  height: 8px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  background: #f4ba32;
+  display: inline-block;
+  margin-right: 6px;
+  box-shadow: 0px 2px 4px 0px rgba(244, 186, 50, 0.5);
+}
+.custom-big-table .domPropsInnerHTML-span .icon-dot-design {
+  width: 8px;
+  height: 8px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  background: #927ce1;
+  display: inline-block;
+  margin-right: 6px;
+  box-shadow: 0px 2px 4px 0px rgba(146, 124, 225, 0.5);
+}
+.custom-big-table .domPropsInnerHTML-span .icon-dot-develop {
+  width: 8px;
+  height: 8px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  background: #4eb0ef;
+  display: inline-block;
+  margin-right: 6px;
+  box-shadow: 0px 2px 4px 0px rgba(78, 176, 239, 0.5);
+}
+.custom-big-table .domPropsInnerHTML-span .icon-dot-develop-complete {
+  width: 8px;
+  height: 8px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  background: #6381f9;
+  display: inline-block;
+  margin-right: 6px;
+  box-shadow: 0px 2px 4px 0px rgba(99, 129, 249, 0.5);
+}
 .no-data-tip {
   display: flex;
   flex-direction: column;

package/es/packages/info-header/index.js

@@ -1,7 +1,6 @@
 import { COMPONENT_NAMESPACE } from '../../src/global/variable';
 import { safeComponentRegister } from '../../src/utils';
-import './src/InfoHeader.js';
-import script from './src/InfoHeader.vue_vue_type_script_setup_true_lang.js';
+import script from './src/InfoHeader.js';
 
 const InfoHeader = script;
 InfoHeader.install = function(app) {

package/es/packages/info-header/src/HiddenContent.js

@@ -1,4 +1,66 @@
-import script from './HiddenContent.vue_vue_type_script_setup_true_lang.js';
-export { default } from './HiddenContent.vue_vue_type_script_setup_true_lang.js';
+import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeStyle, unref, createElementVNode, createVNode, normalizeClass } from 'vue';
+import InfoEllipsis from './InfoEllipsis.js';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.js';
 
-script.__file = "packages/info-header/src/HiddenContent.vue";
+const _hoisted_1 = { class: "c-info-header__hidden--content" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "HiddenContent",
+  props: {
+    content: { type: String, default: "" },
+    tip: String,
+    width: { type: Number },
+    contentStyle: { type: Object, default: () => ({}) }
+  },
+  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;
+      content += "";
+      if (!hidden.value)
+        return content;
+      if (!content)
+        return "-";
+      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)}`;
+    });
+    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", "iconfont", `icon-${hidden.value ? "guanbi-yanjing" : "faxian-yanjing"}`])
+        }, null, 2)
+      ], 4);
+    };
+  }
+});
+var HiddenContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "HiddenContent.vue"]]);
+
+export { HiddenContent as default };

package/es/packages/info-header/src/InfoEllipsis.js

@@ -1,4 +1,43 @@
-import script from './InfoEllipsis.vue_vue_type_script_setup_true_lang.js';
-export { default } from './InfoEllipsis.vue_vue_type_script_setup_true_lang.js';
+import { defineComponent, openBlock, createBlock, unref, withCtx, createElementVNode, createVNode, normalizeStyle, createTextVNode, toDisplayString } from 'vue';
+import { NTooltip, NEllipsis } from 'naive-ui';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.js';
 
-script.__file = "packages/info-header/src/InfoEllipsis.vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "InfoEllipsis",
+  props: {
+    content: { type: String, 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"]);
+    };
+  }
+});
+var InfoEllipsis = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "InfoEllipsis.vue"]]);
+
+export { InfoEllipsis as default };

package/es/packages/info-header/src/InfoHeader.js

@@ -1,4 +1,230 @@
-import script from './InfoHeader.vue_vue_type_script_setup_true_lang.js';
-export { default } from './InfoHeader.vue_vue_type_script_setup_true_lang.js';
+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 } from 'naive-ui';
+import { useThrottleFn, useEventListener } from '@vueuse/core';
+import SlotRender from '../../../src/components/SlotRender';
+import InfoEllipsis from './InfoEllipsis.js';
+import HiddenContent from './HiddenContent.js';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.js';
 
-script.__file = "packages/info-header/src/InfoHeader.vue";
+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__patient" };
+const _hoisted_4 = { class: "c-info-header__patientHeader" };
+const _hoisted_5 = {
+  key: 0,
+  class: "c-info-header__patientHeader--name"
+};
+const _hoisted_6 = {
+  key: 1,
+  class: "c-info-header__patientHeader--sex"
+};
+const _hoisted_7 = {
+  key: 2,
+  class: "c-info-header__patientHeader--age"
+};
+const _hoisted_8 = { class: "c-info-header__setting" };
+const _hoisted_9 = /* @__PURE__ */ createElementVNode("i", { class: "iconfont icon-bianji" }, null, -1);
+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);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "InfoHeader",
+  props: {
+    compact: { type: Boolean, required: true },
+    separator: { type: String, default: ":" },
+    patientInfo: { type: Object, default: () => ({}) },
+    infoList: { type: Array, required: true },
+    labelField: { type: String, default: "label" },
+    valueField: { type: String, default: "value" },
+    minColumnWidth: { type: [String, Number], default: 240 },
+    rowHeight: { type: [String, Number], default: 32 }
+  },
+  emits: [
+    "openPatientInfo",
+    "fieldSet",
+    "update:compact"
+  ],
+  setup(__props, { expose, emit }) {
+    const props = __props;
+    function toggleCompact() {
+      emit("update:compact", !props.compact);
+    }
+    function openPatientInfo() {
+      emit("openPatientInfo");
+    }
+    function fieldSet() {
+      emit("fieldSet");
+    }
+    function getTagColor(type) {
+      return {
+        color: type === "warning" ? "#fcc200" : "rgba(45, 122, 255, 0.1)",
+        textColor: type === "warning" ? "#ffffff" : "#2563F4"
+      };
+    }
+    function getDescriptionItemStyle({ bold = true, contentStyle = {} } = {}) {
+      return { fontWeight: bold ? 700 : 500, ...contentStyle };
+    }
+    function getEllipsisStyle(index, { bold = true, contentStyle = {} } = {}) {
+      const width = descriptionWidthList.value[index] + "px";
+      return { width, maxWidth: width, fontWeight: bold ? 700 : 500, ...contentStyle };
+    }
+    function needHidden(item) {
+      return ["\u7535\u8BDD", "\u8EAB\u4EFD\u8BC1"].some((key) => {
+        var _a, _b;
+        return (_b = (_a = item[props.labelField]) == null ? void 0 : _a.includes) == null ? void 0 : _b.call(_a, key);
+      });
+    }
+    const infoRef = ref();
+    const columnNum = ref(3);
+    const maxColumnWidth = ref(0);
+    const descriptionWidthList = ref([]);
+    const updateColumn = useThrottleFn(async function() {
+      await nextTick();
+      const infoWrapper = infoRef.value;
+      if (!infoWrapper)
+        return;
+      const { clientWidth } = infoWrapper;
+      columnNum.value = Math.floor(clientWidth / +props.minColumnWidth);
+      maxColumnWidth.value = Math.floor(clientWidth / columnNum.value);
+      await nextTick();
+      const labels = infoWrapper.querySelectorAll(".n-descriptions-table-content__label");
+      if (!labels)
+        return;
+      descriptionWidthList.value = Array.from(labels).map((label) => {
+        return maxColumnWidth.value - label.clientWidth - 20;
+      });
+    }, 100, true, false);
+    onMounted(updateColumn);
+    watch([() => props.minColumnWidth, () => props.infoList], updateColumn, {
+      flush: "post",
+      deep: true
+    });
+    expose({
+      update: updateColumn
+    });
+    useEventListener(window, "resize", updateColumn);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["c-info-header", { "is-compact": __props.compact }]),
+        style: normalizeStyle({ "--row-height": __props.rowHeight, "--column-width": maxColumnWidth.value })
+      }, [
+        createElementVNode("section", _hoisted_1, [
+          renderSlot(_ctx.$slots, "operation")
+        ]),
+        _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 }, [
+            renderSlot(_ctx.$slots, "avatar"),
+            createElementVNode("section", null, [
+              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) + 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,
+                    size: "medium",
+                    bordered: false,
+                    color: getTagColor(tag.type || "warning")
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(tag.content), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["color"])), [
+                    [vShow, tag.content]
+                  ]);
+                }), 128))
+              ]),
+              renderSlot(_ctx.$slots, "avatarInfo")
+            ])
+          ], 64)) : createCommentVNode("v-if", true)
+        ]),
+        createElementVNode("section", {
+          class: "c-info-header__info",
+          style: normalizeStyle({ "--row-num": __props.compact ? 1 : 2 }),
+          ref_key: "infoRef",
+          ref: infoRef
+        }, [
+          renderSlot(_ctx.$slots, "info", {}, () => [
+            createVNode(unref(NDescriptions), {
+              "label-align": "right",
+              style: { width: "100%" },
+              "label-placement": "left",
+              separator: ":",
+              column: columnNum.value
+            }, {
+              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(() => [
+                      item.slot ? (openBlock(), createBlock(unref(SlotRender), {
+                        key: 0,
+                        renderer: item.slot,
+                        "root-slots": _ctx.$slots,
+                        item,
+                        style: normalizeStyle(getDescriptionItemStyle(item)),
+                        width: descriptionWidthList.value[index]
+                      }, null, 8, ["renderer", "root-slots", "item", "style", "width"])) : needHidden(item) ? (openBlock(), createBlock(HiddenContent, {
+                        key: 1,
+                        content: item[__props.valueField],
+                        tip: item.tip,
+                        "content-style": getDescriptionItemStyle(item),
+                        width: descriptionWidthList.value[index]
+                      }, null, 8, ["content", "tip", "content-style", "width"])) : (openBlock(), createBlock(InfoEllipsis, {
+                        key: 2,
+                        "content-style": getEllipsisStyle(index, item),
+                        content: item[__props.valueField],
+                        tip: item.tip
+                      }, null, 8, ["content-style", "content", "tip"]))
+                    ]),
+                    _: 2
+                  }, 1032, ["label"]);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["column"])
+          ])
+        ], 4),
+        createElementVNode("section", _hoisted_8, [
+          renderSlot(_ctx.$slots, "setting"),
+          !_ctx.$slots.setting ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+            createElementVNode("div", {
+              class: "c-info-header__settingIcon",
+              onClick: openPatientInfo
+            }, [
+              renderSlot(_ctx.$slots, "patientInfoIcon", {}, () => [
+                _hoisted_9
+              ])
+            ]),
+            createElementVNode("div", {
+              class: "c-info-header__settingIcon",
+              onClick: fieldSet
+            }, [
+              renderSlot(_ctx.$slots, "fieldSetIcon", {}, () => [
+                _hoisted_10
+              ])
+            ]),
+            createElementVNode("div", {
+              class: "c-info-header__settingIcon",
+              onClick: toggleCompact
+            }, [
+              renderSlot(_ctx.$slots, "compactIcon", {}, () => [
+                _hoisted_11
+              ])
+            ])
+          ], 64)) : createCommentVNode("v-if", true)
+        ])
+      ], 6);
+    };
+  }
+});
+var script = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "InfoHeader.vue"]]);
+
+export { script as default };

package/es/packages/map/index.js

@@ -1,7 +1,6 @@
 import { COMPONENT_NAMESPACE } from '../../src/global/variable';
 import { safeComponentRegister } from '../../src/utils';
-import './src/Map.js';
-import script from './src/Map.vue_vue_type_script_setup_true_lang.js';
+import script from './src/Map.js';
 
 const Map = script;
 Map.install = function(app) {