cnhis-design-vue 3.1.24-beta.7 → 3.1.24-beta.9

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

@@ -0,0 +1,359 @@
+/// <reference types="node" />
+import { SFCWithInstall } from '../../../es/shared/types';
+declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
+    compact: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    separator: {
+        type: StringConstructor;
+        default: string;
+    };
+    patientInfo: {
+        type: import("vue").PropType<Partial<{
+            name: string;
+            sex: string;
+            age: string;
+            ageUnit?: string | undefined;
+            tagList?: Partial<{
+                type?: "warning" | "info" | undefined;
+                content: string;
+                color?: {
+                    color?: string | undefined;
+                    textColor?: string | undefined;
+                } | undefined;
+            }>[] | undefined;
+        }>>;
+        default: () => {};
+    };
+    infoList: {
+        type: import("vue").PropType<import("../../../es/shared/types").AnyObject[]>;
+        required: true;
+    };
+    labelField: {
+        type: StringConstructor;
+        default: string;
+    };
+    valueField: {
+        type: StringConstructor;
+        default: string;
+    };
+    minColumnWidth: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    rowHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+}, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        compact: {
+            type: BooleanConstructor;
+            required: true;
+        };
+        separator: {
+            type: StringConstructor;
+            default: string;
+        };
+        patientInfo: {
+            type: import("vue").PropType<Partial<{
+                name: string;
+                sex: string;
+                age: string;
+                ageUnit?: string | undefined;
+                tagList?: Partial<{
+                    type?: "warning" | "info" | undefined;
+                    content: string;
+                    color?: {
+                        color?: string | undefined;
+                        textColor?: string | undefined;
+                    } | undefined;
+                }>[] | undefined;
+            }>>;
+            default: () => {};
+        };
+        infoList: {
+            type: import("vue").PropType<import("../../../es/shared/types").AnyObject[]>;
+            required: true;
+        };
+        labelField: {
+            type: StringConstructor;
+            default: string;
+        };
+        valueField: {
+            type: StringConstructor;
+            default: string;
+        };
+        minColumnWidth: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: number;
+        };
+        rowHeight: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: number;
+        };
+    }>> & {
+        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;
+    toggleCompact: () => void;
+    openPatientInfo: () => void;
+    fieldSet: () => void;
+    getTagColor: ({ type }: Partial<{
+        type?: "warning" | "info" | undefined;
+        content: string;
+        color?: {
+            color?: string | undefined;
+            textColor?: string | undefined;
+        } | undefined;
+    }>) => {
+        color: string;
+        textColor: string;
+    };
+    getDescriptionItemStyle: ({ bold, contentStyle }?: import("../../../es/shared/types").AnyObject) => import("vue").CSSProperties;
+    getEllipsisStyle: (index: number, { bold, contentStyle }?: import("../../../es/shared/types").AnyObject) => import("vue").CSSProperties;
+    needHidden: (item: import("../../../es/shared/types").AnyObject) => boolean;
+    infoRef: import("vue").Ref<HTMLElement | undefined>;
+    columnNum: import("vue").Ref<number>;
+    maxColumnWidth: import("vue").Ref<number>;
+    descriptionWidthList: import("vue").Ref<{
+        toString: (radix?: number | undefined) => string;
+        toFixed: (fractionDigits?: number | undefined) => string;
+        toExponential: (fractionDigits?: number | undefined) => string;
+        toPrecision: (precision?: number | undefined) => string;
+        valueOf: () => number;
+        toLocaleString: {
+            (locales?: string | string[] | undefined, options?: Intl.NumberFormatOptions | undefined): string;
+            (locales?: Intl.LocalesArgument, options?: Intl.NumberFormatOptions | undefined): string;
+        };
+    }[]>;
+    updateColumn: () => Promise<void>;
+    timer: NodeJS.Timer;
+    NDescriptions: any;
+    NDescriptionsItem: import("vue").DefineComponent<{
+        readonly label: StringConstructor;
+        readonly span: {
+            readonly type: NumberConstructor;
+            readonly default: 1;
+        };
+        readonly labelStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+        readonly contentStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+    }, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        readonly label: StringConstructor;
+        readonly span: {
+            readonly type: NumberConstructor;
+            readonly default: 1;
+        };
+        readonly labelStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+        readonly contentStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+    }>>, {
+        readonly span: number;
+    }>;
+    NTag: any;
+    SlotRender: import("vue").DefineComponent<{
+        renderer: {
+            type: import("vue").PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | import("../../../es/shared/types").Func<any[], any>>;
+            required: true;
+        };
+        rootSlots: {
+            type: import("vue").PropType<Record<string, import("../../../es/shared/types").Func<any[], any>>>;
+        };
+    }, () => any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        renderer: {
+            type: import("vue").PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | import("../../../es/shared/types").Func<any[], any>>;
+            required: true;
+        };
+        rootSlots: {
+            type: import("vue").PropType<Record<string, import("../../../es/shared/types").Func<any[], any>>>;
+        };
+    }>>, {}>;
+    InfoEllipsis: import("vue").DefineComponent<{
+        content: {
+            type: StringConstructor;
+            default: string;
+        };
+        tip: {
+            type: StringConstructor;
+        };
+        contentStyle: {
+            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<{
+        content: {
+            type: StringConstructor;
+            default: string;
+        };
+        tip: {
+            type: StringConstructor;
+        };
+        contentStyle: {
+            type: import("vue").PropType<import("vue").CSSProperties>;
+            default: () => {};
+        };
+    }>>, {
+        contentStyle: import("vue").CSSProperties;
+        content: string;
+    }>;
+    HiddenContent: import("vue").DefineComponent<{
+        content: {
+            type: StringConstructor;
+            default: string;
+        };
+        tip: StringConstructor;
+        width: {
+            type: NumberConstructor;
+        };
+        contentStyle: {
+            type: import("vue").PropType<import("vue").CSSProperties>;
+            default: () => {};
+        };
+    }, {
+        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            content: {
+                type: StringConstructor;
+                default: string;
+            };
+            tip: StringConstructor;
+            width: {
+                type: NumberConstructor;
+            };
+            contentStyle: {
+                type: import("vue").PropType<import("vue").CSSProperties>;
+                default: () => {};
+            };
+        }>> & {}>>;
+        hidden: import("vue").Ref<boolean>;
+        toggleHidden: () => void;
+        wrapperStyle: import("vue").ComputedRef<{
+            maxWidth: string;
+            width: string;
+        }>;
+        parsedContentStyle: import("vue").ComputedRef<{}>;
+        displayContent: import("vue").ComputedRef<string>;
+        InfoEllipsis: import("vue").DefineComponent<{
+            content: {
+                type: StringConstructor;
+                default: string;
+            };
+            tip: {
+                type: StringConstructor;
+            };
+            contentStyle: {
+                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<{
+            content: {
+                type: StringConstructor;
+                default: string;
+            };
+            tip: {
+                type: StringConstructor;
+            };
+            contentStyle: {
+                type: import("vue").PropType<import("vue").CSSProperties>;
+                default: () => {};
+            };
+        }>>, {
+            contentStyle: import("vue").CSSProperties;
+            content: string;
+        }>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        content: {
+            type: StringConstructor;
+            default: string;
+        };
+        tip: StringConstructor;
+        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<{
+    compact: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    separator: {
+        type: StringConstructor;
+        default: string;
+    };
+    patientInfo: {
+        type: import("vue").PropType<Partial<{
+            name: string;
+            sex: string;
+            age: string;
+            ageUnit?: string | undefined;
+            tagList?: Partial<{
+                type?: "warning" | "info" | undefined;
+                content: string;
+                color?: {
+                    color?: string | undefined;
+                    textColor?: string | undefined;
+                } | undefined;
+            }>[] | undefined;
+        }>>;
+        default: () => {};
+    };
+    infoList: {
+        type: import("vue").PropType<import("../../../es/shared/types").AnyObject[]>;
+        required: true;
+    };
+    labelField: {
+        type: StringConstructor;
+        default: string;
+    };
+    valueField: {
+        type: StringConstructor;
+        default: string;
+    };
+    minColumnWidth: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    rowHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+}>> & {
+    onOpenPatientInfo?: ((...args: any[]) => any) | undefined;
+    onFieldSet?: ((...args: any[]) => any) | undefined;
+    "onUpdate:compact"?: ((...args: any[]) => any) | undefined;
+}, {
+    separator: string;
+    patientInfo: Partial<{
+        name: string;
+        sex: string;
+        age: string;
+        ageUnit?: string | undefined;
+        tagList?: Partial<{
+            type?: "warning" | "info" | undefined;
+            content: string;
+            color?: {
+                color?: string | undefined;
+                textColor?: string | undefined;
+            } | undefined;
+        }>[] | undefined;
+    }>;
+    labelField: string;
+    valueField: string;
+    minColumnWidth: string | number;
+    rowHeight: string | number;
+}>>;
+export default InfoHeader;

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

@@ -0,0 +1,10 @@
+import { COMPONENT_NAMESPACE } from '../../shared/global/variable.js';
+import { safeComponentRegister } from '../../shared/utils/index.js';
+import script from './src/InfoHeader.js';
+
+const InfoHeader = script;
+InfoHeader.install = function(app) {
+  safeComponentRegister(app, InfoHeader, COMPONENT_NAMESPACE + "InfoHeader");
+};
+
+export { InfoHeader as default };

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

@@ -0,0 +1,70 @@
+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';
+
+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",
+            `info-header--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/components/info-header/src/HiddenContent.vue.d.ts

@@ -0,0 +1,86 @@
+import { CSSProperties, PropType } from 'vue';
+declare const _default: import("vue").DefineComponent<{
+    content: {
+        type: StringConstructor;
+        default: string;
+    };
+    tip: StringConstructor;
+    width: {
+        type: NumberConstructor;
+    };
+    contentStyle: {
+        type: PropType<CSSProperties>;
+        default: () => {};
+    };
+}, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        content: {
+            type: StringConstructor;
+            default: string;
+        };
+        tip: StringConstructor;
+        width: {
+            type: NumberConstructor;
+        };
+        contentStyle: {
+            type: PropType<CSSProperties>;
+            default: () => {};
+        };
+    }>> & {}>>;
+    hidden: import("vue").Ref<boolean>;
+    toggleHidden: () => void;
+    wrapperStyle: import("vue").ComputedRef<{
+        maxWidth: string;
+        width: string;
+    }>;
+    parsedContentStyle: import("vue").ComputedRef<{}>;
+    displayContent: import("vue").ComputedRef<string>;
+    InfoEllipsis: import("vue").DefineComponent<{
+        content: {
+            type: StringConstructor;
+            default: string;
+        };
+        tip: {
+            type: StringConstructor;
+        };
+        contentStyle: {
+            type: PropType<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<{
+        content: {
+            type: StringConstructor;
+            default: string;
+        };
+        tip: {
+            type: StringConstructor;
+        };
+        contentStyle: {
+            type: PropType<CSSProperties>;
+            default: () => {};
+        };
+    }>>, {
+        contentStyle: CSSProperties;
+        content: string;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    content: {
+        type: StringConstructor;
+        default: string;
+    };
+    tip: StringConstructor;
+    width: {
+        type: NumberConstructor;
+    };
+    contentStyle: {
+        type: PropType<CSSProperties>;
+        default: () => {};
+    };
+}>>, {
+    contentStyle: CSSProperties;
+    content: string;
+}>;
+export default _default;

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

@@ -0,0 +1,43 @@
+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';
+
+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/components/info-header/src/InfoEllipsis.vue.d.ts

@@ -0,0 +1,33 @@
+import { CSSProperties, PropType } from 'vue';
+declare const _default: import("vue").DefineComponent<{
+    content: {
+        type: StringConstructor;
+        default: string;
+    };
+    tip: {
+        type: StringConstructor;
+    };
+    contentStyle: {
+        type: PropType<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<{
+    content: {
+        type: StringConstructor;
+        default: string;
+    };
+    tip: {
+        type: StringConstructor;
+    };
+    contentStyle: {
+        type: PropType<CSSProperties>;
+        default: () => {};
+    };
+}>>, {
+    contentStyle: CSSProperties;
+    content: string;
+}>;
+export default _default;