cnhis-design-vue 3.1.9-beta.1 → 3.1.9-beta.10

package/es/packages/info-header/index.d.ts

@@ -1,4 +1,4 @@
-import { SFCWithInstall } from 'cnhis-design-vue/es/src/types';
+import { SFCWithInstall } from '../../../es/src/types';
 declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
     compact: {
         type: BooleanConstructor;
@@ -85,8 +85,8 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
             default: number;
         };
     }>> & {
-        onFieldSet?: ((...args: any[]) => any) | undefined;
         onOpenPatientInfo?: ((...args: any[]) => any) | undefined;
+        onFieldSet?: ((...args: any[]) => any) | undefined;
         "onUpdate:compact"?: ((...args: any[]) => any) | undefined;
     }>>;
     emit: (event: "openPatientInfo" | "fieldSet" | "update:compact", ...args: any[]) => void;
@@ -97,8 +97,9 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
         color: string;
         textColor: string;
     };
-    getEllipsisStyle: (index: number) => import("vue").CSSProperties;
-    needHidden: (item: import("cnhis-design-vue/es/src/types").AnyObject) => boolean;
+    getDescriptionItemStyle: ({ bold, contentStyle }?: import("../../../es/src/types").AnyObject) => import("vue").CSSProperties;
+    getEllipsisStyle: (index: number, { bold, contentStyle }?: import("../../../es/src/types").AnyObject) => import("vue").CSSProperties;
+    needHidden: (item: import("../../../es/src/types").AnyObject) => boolean;
     infoRef: import("vue").Ref<HTMLElement | undefined>;
     columnNum: import("vue").Ref<number>;
     maxColumnWidth: import("vue").Ref<number>;
@@ -1409,7 +1410,7 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
             required: true;
         };
         rootSlots: {
-            type: import("vue").PropType<Record<string, import("cnhis-design-vue/es/src/types").Func<any[], any>>>;
+            type: import("vue").PropType<Record<string, import("../../../es/src/types").Func<any[], any>>>;
             required: true;
         };
     }, () => any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -1418,7 +1419,7 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
             required: true;
         };
         rootSlots: {
-            type: import("vue").PropType<Record<string, import("cnhis-design-vue/es/src/types").Func<any[], any>>>;
+            type: import("vue").PropType<Record<string, import("../../../es/src/types").Func<any[], any>>>;
             required: true;
         };
     }>>, {}>;
@@ -1430,6 +1431,10 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
         width: {
             type: NumberConstructor;
         };
+        contentStyle: {
+            type: import("vue").PropType<import("vue").CSSProperties>;
+            default: () => {};
+        };
     }, {
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             content: {
@@ -1439,6 +1444,10 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
             width: {
                 type: NumberConstructor;
             };
+            contentStyle: {
+                type: import("vue").PropType<import("vue").CSSProperties>;
+                default: () => {};
+            };
         }>> & {
             [x: `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
         }>>;
@@ -1448,7 +1457,9 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
             maxWidth: string;
             width: string;
         }>;
-        maxWidth: import("vue").ComputedRef<string>;
+        parsedContentStyle: import("vue").ComputedRef<"" | (import("vue").CSSProperties & {
+            maxWidth: string;
+        })>;
         displayContent: import("vue").ComputedRef<string>;
         NEllipsis: import("vue").DefineComponent<{
             readonly expandTrigger: import("vue").PropType<"click">;
@@ -1781,7 +1792,12 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
         width: {
             type: NumberConstructor;
         };
+        contentStyle: {
+            type: import("vue").PropType<import("vue").CSSProperties>;
+            default: () => {};
+        };
     }>>, {
+        contentStyle: import("vue").CSSProperties;
         content: string;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("openPatientInfo" | "fieldSet" | "update:compact")[], "openPatientInfo" | "fieldSet" | "update:compact", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -1827,8 +1843,8 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
         default: number;
     };
 }>> & {
-    onFieldSet?: ((...args: any[]) => any) | undefined;
     onOpenPatientInfo?: ((...args: any[]) => any) | undefined;
+    onFieldSet?: ((...args: any[]) => any) | undefined;
     "onUpdate:compact"?: ((...args: any[]) => any) | undefined;
 }, {
     separator: string;

package/es/packages/info-header/{index.mjs → index.js}

@@ -1,7 +1,7 @@
-import { COMPONENT_NAMESPACE } from 'cnhis-design-vue/es/src/global/variable';
-import { safeComponentRegister } from 'cnhis-design-vue/es/src/utils';
-import './src/InfoHeader.mjs';
-import script from './src/InfoHeader.vue_vue_type_script_setup_true_lang.mjs';
+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';
 
 const InfoHeader = script;
 InfoHeader.install = function(app) {

package/es/packages/info-header/src/{HiddenContent.mjs → HiddenContent.js}

@@ -1,4 +1,4 @@
-import script from './HiddenContent.vue_vue_type_script_setup_true_lang.mjs';
-export { default } from './HiddenContent.vue_vue_type_script_setup_true_lang.mjs';
+import script from './HiddenContent.vue_vue_type_script_setup_true_lang.js';
+export { default } from './HiddenContent.vue_vue_type_script_setup_true_lang.js';
 
 script.__file = "packages/info-header/src/HiddenContent.vue";

package/es/packages/info-header/src/HiddenContent.vue.d.ts

@@ -1,3 +1,4 @@
+import { CSSProperties, PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     content: {
         type: StringConstructor;
@@ -6,6 +7,10 @@ declare const _default: import("vue").DefineComponent<{
     width: {
         type: NumberConstructor;
     };
+    contentStyle: {
+        type: PropType<CSSProperties>;
+        default: () => {};
+    };
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         content: {
@@ -15,6 +20,10 @@ declare const _default: import("vue").DefineComponent<{
         width: {
             type: NumberConstructor;
         };
+        contentStyle: {
+            type: PropType<CSSProperties>;
+            default: () => {};
+        };
     }>> & {
         [x: `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
     }>>;
@@ -24,16 +33,18 @@ declare const _default: import("vue").DefineComponent<{
         maxWidth: string;
         width: string;
     }>;
-    maxWidth: import("vue").ComputedRef<string>;
+    parsedContentStyle: import("vue").ComputedRef<"" | (CSSProperties & {
+        maxWidth: string;
+    })>;
     displayContent: import("vue").ComputedRef<string>;
     NEllipsis: import("vue").DefineComponent<{
-        readonly expandTrigger: import("vue").PropType<"click">;
-        readonly lineClamp: import("vue").PropType<string | number>;
+        readonly expandTrigger: PropType<"click">;
+        readonly lineClamp: PropType<string | number>;
         readonly tooltip: {
-            readonly type: import("vue").PropType<boolean | import("naive-ui").PopoverProps>;
+            readonly type: PropType<boolean | import("naive-ui").PopoverProps>;
             readonly default: true;
         };
-        readonly theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Ellipsis", unknown, {
+        readonly theme: PropType<import("naive-ui/es/_mixins").Theme<"Ellipsis", unknown, {
             Tooltip: import("naive-ui/es/_mixins").Theme<"Tooltip", {
                 borderRadius: string;
                 boxShadow: string;
@@ -57,7 +68,7 @@ declare const _default: import("vue").DefineComponent<{
                 }, any>;
             }>;
         }>>;
-        readonly themeOverrides: import("vue").PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Ellipsis", unknown, {
+        readonly themeOverrides: PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Ellipsis", unknown, {
             Tooltip: import("naive-ui/es/_mixins").Theme<"Tooltip", {
                 borderRadius: string;
                 boxShadow: string;
@@ -81,7 +92,7 @@ declare const _default: import("vue").DefineComponent<{
                 }, any>;
             }>;
         }>>>;
-        readonly builtinThemeOverrides: import("vue").PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Ellipsis", unknown, {
+        readonly builtinThemeOverrides: PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Ellipsis", unknown, {
             Tooltip: import("naive-ui/es/_mixins").Theme<"Tooltip", {
                 borderRadius: string;
                 boxShadow: string;
@@ -268,13 +279,13 @@ declare const _default: import("vue").DefineComponent<{
         renderTrigger: () => JSX.Element;
         getTooltipDisabled: () => boolean;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        readonly expandTrigger: import("vue").PropType<"click">;
-        readonly lineClamp: import("vue").PropType<string | number>;
+        readonly expandTrigger: PropType<"click">;
+        readonly lineClamp: PropType<string | number>;
         readonly tooltip: {
-            readonly type: import("vue").PropType<boolean | import("naive-ui").PopoverProps>;
+            readonly type: PropType<boolean | import("naive-ui").PopoverProps>;
             readonly default: true;
         };
-        readonly theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Ellipsis", unknown, {
+        readonly theme: PropType<import("naive-ui/es/_mixins").Theme<"Ellipsis", unknown, {
             Tooltip: import("naive-ui/es/_mixins").Theme<"Tooltip", {
                 borderRadius: string;
                 boxShadow: string;
@@ -298,7 +309,7 @@ declare const _default: import("vue").DefineComponent<{
                 }, any>;
             }>;
         }>>;
-        readonly themeOverrides: import("vue").PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Ellipsis", unknown, {
+        readonly themeOverrides: PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Ellipsis", unknown, {
             Tooltip: import("naive-ui/es/_mixins").Theme<"Tooltip", {
                 borderRadius: string;
                 boxShadow: string;
@@ -322,7 +333,7 @@ declare const _default: import("vue").DefineComponent<{
                 }, any>;
             }>;
         }>>>;
-        readonly builtinThemeOverrides: import("vue").PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Ellipsis", unknown, {
+        readonly builtinThemeOverrides: PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Ellipsis", unknown, {
             Tooltip: import("naive-ui/es/_mixins").Theme<"Tooltip", {
                 borderRadius: string;
                 boxShadow: string;
@@ -357,7 +368,12 @@ declare const _default: import("vue").DefineComponent<{
     width: {
         type: NumberConstructor;
     };
+    contentStyle: {
+        type: PropType<CSSProperties>;
+        default: () => {};
+    };
 }>>, {
+    contentStyle: CSSProperties;
     content: string;
 }>;
 export default _default;

package/es/packages/info-header/src/{HiddenContent.vue_vue_type_script_setup_true_lang.mjs → HiddenContent.vue_vue_type_script_setup_true_lang.js}

@@ -6,7 +6,8 @@ var script = /* @__PURE__ */ defineComponent({
   __name: "HiddenContent",
   props: {
     content: { type: String, default: "" },
-    width: { type: Number }
+    width: { type: Number },
+    contentStyle: { type: Object, default: () => ({}) }
   },
   setup(__props) {
     const props = __props;
@@ -18,10 +19,11 @@ var script = /* @__PURE__ */ defineComponent({
       const width = props.width + "px";
       return { maxWidth: width, width };
     });
-    const maxWidth = computed(() => {
+    const parsedContentStyle = computed(() => {
       if (!props.width)
         return "";
-      return props.width - 40 + "px";
+      const maxWidth = props.width - 40 + "px";
+      return Object.assign({}, props.contentStyle, { maxWidth });
     });
     const displayContent = computed(() => {
       const { content } = props;
@@ -41,7 +43,7 @@ var script = /* @__PURE__ */ defineComponent({
       }, [
         createElementVNode("div", _hoisted_1, [
           createVNode(unref(NEllipsis), {
-            style: normalizeStyle({ maxWidth: unref(maxWidth) })
+            style: normalizeStyle(unref(parsedContentStyle))
           }, {
             default: withCtx(() => [
               createTextVNode(toDisplayString(unref(displayContent)), 1)

package/es/packages/info-header/src/{InfoHeader.mjs → InfoHeader.js}

@@ -1,4 +1,4 @@
-import script from './InfoHeader.vue_vue_type_script_setup_true_lang.mjs';
-export { default } from './InfoHeader.vue_vue_type_script_setup_true_lang.mjs';
+import script from './InfoHeader.vue_vue_type_script_setup_true_lang.js';
+export { default } from './InfoHeader.vue_vue_type_script_setup_true_lang.js';
 
 script.__file = "packages/info-header/src/InfoHeader.vue";

package/es/packages/info-header/src/InfoHeader.vue.d.ts

@@ -1,4 +1,4 @@
-import { AnyObject } from 'cnhis-design-vue/es/src/types';
+import { AnyObject } from '../../../../es/src/types';
 import { CSSProperties, PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     compact: {
@@ -86,8 +86,8 @@ declare const _default: import("vue").DefineComponent<{
             default: number;
         };
     }>> & {
-        onFieldSet?: ((...args: any[]) => any) | undefined;
         onOpenPatientInfo?: ((...args: any[]) => any) | undefined;
+        onFieldSet?: ((...args: any[]) => any) | undefined;
         "onUpdate:compact"?: ((...args: any[]) => any) | undefined;
     }>>;
     emit: (event: "openPatientInfo" | "fieldSet" | "update:compact", ...args: any[]) => void;
@@ -98,7 +98,8 @@ declare const _default: import("vue").DefineComponent<{
         color: string;
         textColor: string;
     };
-    getEllipsisStyle: (index: number) => CSSProperties;
+    getDescriptionItemStyle: ({ bold, contentStyle }?: AnyObject) => CSSProperties;
+    getEllipsisStyle: (index: number, { bold, contentStyle }?: AnyObject) => CSSProperties;
     needHidden: (item: AnyObject) => boolean;
     infoRef: import("vue").Ref<HTMLElement | undefined>;
     columnNum: import("vue").Ref<number>;
@@ -1410,7 +1411,7 @@ declare const _default: import("vue").DefineComponent<{
             required: true;
         };
         rootSlots: {
-            type: PropType<Record<string, import("cnhis-design-vue/es/src/types").Func<any[], any>>>;
+            type: PropType<Record<string, import("../../../../es/src/types").Func<any[], any>>>;
             required: true;
         };
     }, () => any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -1419,7 +1420,7 @@ declare const _default: import("vue").DefineComponent<{
             required: true;
         };
         rootSlots: {
-            type: PropType<Record<string, import("cnhis-design-vue/es/src/types").Func<any[], any>>>;
+            type: PropType<Record<string, import("../../../../es/src/types").Func<any[], any>>>;
             required: true;
         };
     }>>, {}>;
@@ -1431,6 +1432,10 @@ declare const _default: import("vue").DefineComponent<{
         width: {
             type: NumberConstructor;
         };
+        contentStyle: {
+            type: PropType<CSSProperties>;
+            default: () => {};
+        };
     }, {
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             content: {
@@ -1440,6 +1445,10 @@ declare const _default: import("vue").DefineComponent<{
             width: {
                 type: NumberConstructor;
             };
+            contentStyle: {
+                type: PropType<CSSProperties>;
+                default: () => {};
+            };
         }>> & {
             [x: `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
         }>>;
@@ -1449,7 +1458,9 @@ declare const _default: import("vue").DefineComponent<{
             maxWidth: string;
             width: string;
         }>;
-        maxWidth: import("vue").ComputedRef<string>;
+        parsedContentStyle: import("vue").ComputedRef<"" | (CSSProperties & {
+            maxWidth: string;
+        })>;
         displayContent: import("vue").ComputedRef<string>;
         NEllipsis: import("vue").DefineComponent<{
             readonly expandTrigger: PropType<"click">;
@@ -1782,7 +1793,12 @@ declare const _default: import("vue").DefineComponent<{
         width: {
             type: NumberConstructor;
         };
+        contentStyle: {
+            type: PropType<CSSProperties>;
+            default: () => {};
+        };
     }>>, {
+        contentStyle: CSSProperties;
         content: string;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("openPatientInfo" | "fieldSet" | "update:compact")[], "openPatientInfo" | "fieldSet" | "update:compact", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -1828,8 +1844,8 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
 }>> & {
-    onFieldSet?: ((...args: any[]) => any) | undefined;
     onOpenPatientInfo?: ((...args: any[]) => any) | undefined;
+    onFieldSet?: ((...args: any[]) => any) | undefined;
     "onUpdate:compact"?: ((...args: any[]) => any) | undefined;
 }, {
     separator: string;

package/es/packages/info-header/src/{InfoHeader.vue_vue_type_script_setup_true_lang.mjs → InfoHeader.vue_vue_type_script_setup_true_lang.js}

@@ -1,9 +1,9 @@
 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 './SlotRender.mjs';
-import './HiddenContent.mjs';
-import script$1 from './HiddenContent.vue_vue_type_script_setup_true_lang.mjs';
+import SlotRender from './SlotRender.js';
+import './HiddenContent.js';
+import script$1 from './HiddenContent.vue_vue_type_script_setup_true_lang.js';
 
 const _hoisted_1 = { class: "c-info-header__operation" };
 const _hoisted_2 = {
@@ -62,9 +62,12 @@ var script = /* @__PURE__ */ defineComponent({
         textColor: type === "warning" ? "#ffffff" : "#2563F4"
       };
     }
-    function getEllipsisStyle(index) {
+    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 };
+      return { width, maxWidth: width, fontWeight: bold ? 700 : 500, ...contentStyle };
     }
     function needHidden(item) {
       return ["\u7535\u8BDD", "\u8EAB\u4EFD\u8BC1"].some((key) => {
@@ -162,14 +165,16 @@ var script = /* @__PURE__ */ defineComponent({
                         renderer: item.slot,
                         "root-slots": _ctx.$slots,
                         item,
+                        style: normalizeStyle(getDescriptionItemStyle(item)),
                         width: descriptionWidthList.value[index]
-                      }, null, 8, ["renderer", "root-slots", "item", "width"])) : needHidden(item) ? (openBlock(), createBlock(script$1, {
+                      }, null, 8, ["renderer", "root-slots", "item", "style", "width"])) : needHidden(item) ? (openBlock(), createBlock(script$1, {
                         key: 1,
                         content: item[__props.valueField],
+                        "content-style": getDescriptionItemStyle(item),
                         width: descriptionWidthList.value[index]
-                      }, null, 8, ["content", "width"])) : (openBlock(), createBlock(unref(NEllipsis), {
+                      }, null, 8, ["content", "content-style", "width"])) : (openBlock(), createBlock(unref(NEllipsis), {
                         key: 2,
-                        style: normalizeStyle(getEllipsisStyle(index))
+                        style: normalizeStyle(getEllipsisStyle(index, item))
                       }, {
                         default: withCtx(() => {
                           var _a;

package/es/packages/info-header/src/SlotRender.d.ts

@@ -1,4 +1,4 @@
-import { Func } from 'cnhis-design-vue/es/src/types';
+import { Func } from '../../../../es/src/types';
 import { PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     renderer: {

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

@@ -80,9 +80,6 @@
   vertical-align: middle !important;
   max-width: calc(var(--column-width) * 1px);
 }
-.c-info-header__info .n-descriptions-table-content__content {
-  font-weight: 700;
-}
 .c-info-header__info .n-descriptions-table-content__label {
   display: inline-block;
 }