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

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

@@ -14,70 +14,32 @@ 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_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_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
-    },
+    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
-    }
+    formProps: { type: Object },
+    encrypted: { type: Boolean, default: true }
   },
   emits: [
     "openPatientInfo",
@@ -85,11 +47,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     "update:compact",
     "formChange"
   ],
-  setup(__props, {
-    expose,
-    emit
-  }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     provide(InjectionInfoHeaderEmit, emit);
     const infoDescriptionRef = ref();
     function updateColumn() {
@@ -118,25 +78,19 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       patientInfo: {
         event: openPatientInfo,
         render() {
-          return [h("i", {
-            class: "info-header--iconfont info-header--icon-a-menzhenyishengzhanxitongtubiaobianji"
-          })];
+          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"
-          })];
+          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"
-          })];
+          return [h("i", { class: "info-header--iconfont info-header--icon-a-menzhenyishengzhanxitongtubiaojiantouxia" })];
         }
       }
     };
@@ -147,42 +101,75 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const formRenderRef = ref();
     provide(InjectionInfoHeaderFormRef, formRenderRef);
-    expose({
+    __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, index) => {
-        return openBlock(), createElementBlock("div", {
-          key: index,
-          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);
+        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(cssVars.value)
+        }, [
+          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(settingIconList.value, (item, index) => {
+                return openBlock(), createElementBlock("div", {
+                  key: index,
+                  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);
     };
   }
 });

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

@@ -1,7 +1,7 @@
 import { AnyObject } from '../../../../../shared/types';
 import { FieldItem } from '../../../../../components/form-render';
 import { InfoHeaderTypes } from '../../../../../components/info-header/src/types';
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     infoItem: {
         type: null;
         required: true;
@@ -29,17 +29,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         required: true;
     };
-}, {
-    props: {
-        infoItem: InfoHeaderTypes.InfoItem;
-        labelField: string;
-        valueField: string;
-        width?: number | undefined;
-        rootSlot: Record<string, any>;
-        encrypted: boolean;
-    };
+}>, {
+    props: any;
     SchemaField: import("vue").Component;
-    formRenderRef: import("vue").Ref<import("../../../../../components/form-render").FormRenderExpose | undefined>;
+    formRenderRef: import("vue").Ref<import("../../../../../components/form-render").FormRenderExpose | undefined, import("../../../../../components/form-render").FormRenderExpose | undefined>;
     setEdit: (v: boolean) => void;
     onItemDblclick: (item: InfoHeaderTypes.InfoItem) => Promise<void>;
     onItemClick: (item: InfoHeaderTypes.InfoItem) => Promise<void>;
@@ -109,7 +102,7 @@ declare const _default: import("vue").DefineComponent<{
             "x-read-pretty"?: boolean | undefined;
             "x-compile-omitted"?: string[] | undefined;
         }>;
-        components: Record<string, import("vue").Component | import("vue").FunctionalComponent<{}, {}>>;
+        components: Record<string, import("vue").Component | import("vue").FunctionalComponent<{}, {}, any, {}>>;
         scope: AnyObject;
         annotation: Record<string, import("../../../../annotation-edit/src/type").AnnotationItem>;
         annotationShortcuts: (string | {
@@ -144,8 +137,8 @@ declare const _default: import("vue").DefineComponent<{
         selectMode: boolean;
         selectedFields: string[];
         linebarWidth: string | number;
-        linebarDirection: "horizontal" | "vertical";
-        linebarTextDirection: "horizontal" | "vertical";
+        linebarDirection: "vertical" | "horizontal";
+        linebarTextDirection: "vertical" | "horizontal";
         autoWidth: number | boolean;
         feedbackType: "default" | "tooltip";
         fixMemoLeak: boolean;
@@ -209,7 +202,7 @@ declare const _default: import("vue").DefineComponent<{
         "x-read-pretty"?: boolean | undefined;
         "x-compile-omitted"?: string[] | undefined;
     }>>;
-    formModel: import("vue").Ref<import("@formily/core").Form<any>>;
+    formModel: import("vue").Ref<import("@formily/core").Form<any>, import("@formily/core").Form<any>>;
     schema: import("vue").ComputedRef<import("@formily/vue").Stringify<{
         [key: symbol]: any;
         [key: `x-${string}`]: any;
@@ -267,12 +260,10 @@ declare const _default: import("vue").DefineComponent<{
         "x-read-pretty"?: boolean | undefined;
         "x-compile-omitted"?: string[] | undefined;
     }>>;
-    itemStyle: import("vue").ComputedRef<{
-        fontWeight: number;
-    }>;
+    itemStyle: import("vue").ComputedRef<any>;
     ellipsisStyle: import("vue").ComputedRef<AnyObject>;
     isHiddenContent: import("vue").ComputedRef<boolean>;
-    HiddenContent: import("vue").DefineComponent<{
+    HiddenContent: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         content: {
             type: StringConstructor;
             default: string;
@@ -289,8 +280,8 @@ declare const _default: import("vue").DefineComponent<{
             type: BooleanConstructor;
             default: boolean;
         };
-    }, {
-        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+    }>, {
+        props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             content: {
                 type: StringConstructor;
                 default: string;
@@ -307,8 +298,8 @@ declare const _default: import("vue").DefineComponent<{
                 type: BooleanConstructor;
                 default: boolean;
             };
-        }>> & {}>>;
-        hidden: import("vue").Ref<boolean>;
+        }>> & Readonly<{}> & {}>;
+        hidden: import("vue").Ref<boolean, boolean>;
         toggleHidden: () => void;
         wrapperStyle: import("vue").ComputedRef<{
             maxWidth: string;
@@ -316,7 +307,7 @@ declare const _default: import("vue").DefineComponent<{
         }>;
         parsedContentStyle: import("vue").ComputedRef<{}>;
         displayContent: import("vue").ComputedRef<string>;
-        InfoEllipsis: import("vue").DefineComponent<{
+        InfoEllipsis: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
             content: {
                 type: (NumberConstructor | StringConstructor)[];
                 default: string;
@@ -328,10 +319,10 @@ declare const _default: import("vue").DefineComponent<{
                 type: import("vue").PropType<import("vue").CSSProperties>;
                 default: () => {};
             };
-        }, {
-            NEllipsis: any;
-            NTooltip: any;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        }>, {
+            readonly NEllipsis: any;
+            readonly NTooltip: any;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
             content: {
                 type: (NumberConstructor | StringConstructor)[];
                 default: string;
@@ -343,11 +334,11 @@ declare const _default: import("vue").DefineComponent<{
                 type: import("vue").PropType<import("vue").CSSProperties>;
                 default: () => {};
             };
-        }>>, {
+        }>> & Readonly<{}>, {
             content: string | number;
             contentStyle: import("vue").CSSProperties;
-        }>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         content: {
             type: StringConstructor;
             default: string;
@@ -364,12 +355,12 @@ declare const _default: import("vue").DefineComponent<{
             type: BooleanConstructor;
             default: boolean;
         };
-    }>>, {
+    }>> & Readonly<{}>, {
         content: string;
         encrypted: boolean;
         contentStyle: import("vue").CSSProperties;
-    }>;
-    InfoEllipsis: import("vue").DefineComponent<{
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    InfoEllipsis: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         content: {
             type: (NumberConstructor | StringConstructor)[];
             default: string;
@@ -381,10 +372,10 @@ declare const _default: import("vue").DefineComponent<{
             type: import("vue").PropType<import("vue").CSSProperties>;
             default: () => {};
         };
-    }, {
-        NEllipsis: any;
-        NTooltip: any;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }>, {
+        readonly NEllipsis: any;
+        readonly NTooltip: any;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         content: {
             type: (NumberConstructor | StringConstructor)[];
             default: string;
@@ -396,11 +387,11 @@ declare const _default: import("vue").DefineComponent<{
             type: import("vue").PropType<import("vue").CSSProperties>;
             default: () => {};
         };
-    }>>, {
+    }>> & Readonly<{}>, {
         content: string | number;
         contentStyle: import("vue").CSSProperties;
-    }>;
-    SlotRender: import("vue").DefineComponent<{
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    readonly SlotRender: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         renderer: {
             type: import("vue").PropType<string | import("vue").Component | import("../../../../../shared/types").AnyFn>;
             required: true;
@@ -408,7 +399,7 @@ declare const _default: import("vue").DefineComponent<{
         rootSlots: {
             type: import("vue").PropType<Record<string, import("../../../../../shared/types").AnyFn>>;
         };
-    }, () => any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }>, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         renderer: {
             type: import("vue").PropType<string | import("vue").Component | import("../../../../../shared/types").AnyFn>;
             required: true;
@@ -416,8 +407,8 @@ declare const _default: import("vue").DefineComponent<{
         rootSlots: {
             type: import("vue").PropType<Record<string, import("../../../../../shared/types").AnyFn>>;
         };
-    }>>, {}>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     infoItem: {
         type: null;
         required: true;
@@ -445,9 +436,9 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         required: true;
     };
-}>>, {
+}>> & Readonly<{}>, {
     labelField: string;
     valueField: string;
     infoItem: any;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;