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

package/es/packages/index.mjs

@@ -39,6 +39,8 @@ export { useFieldVisitor } from './form-render/src/hooks/useFieldVisitor.mjs';
 export { useTypeNormalize } from './form-render/src/hooks/useTypeNormalize.mjs';
 export { useFormValidator } from './form-render/src/hooks/useFormValidator.mjs';
 export { BusinessCollector, useBusinessBinding } from './form-render/src/hooks/useBusinessBinding.mjs';
+export { ContextCollector, useChangeContext } from './form-render/src/hooks/useChangeContext.mjs';
+export { FormItemDepsCollector, useFormItemDeps } from './form-render/src/hooks/useFormItemDeps.mjs';
 
 const components = {
   CGrid: Grid,

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

@@ -97,7 +97,8 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
         color: string;
         textColor: string;
     };
-    getEllipsisStyle: (index: number) => import("vue").CSSProperties;
+    getDescriptionItemStyle: ({ bold, contentStyle }?: import("cnhis-design-vue/es/src/types").AnyObject) => import("vue").CSSProperties;
+    getEllipsisStyle: (index: number, { bold, contentStyle }?: import("cnhis-design-vue/es/src/types").AnyObject) => import("vue").CSSProperties;
     needHidden: (item: import("cnhis-design-vue/es/src/types").AnyObject) => boolean;
     infoRef: import("vue").Ref<HTMLElement | undefined>;
     columnNum: import("vue").Ref<number>;
@@ -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<{

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

@@ -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.vue.d.ts

@@ -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>;
@@ -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<{

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

@@ -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/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;
 }

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

@@ -1,153 +1,149 @@
-.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__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;
+    }
+  }
+}