cnhis-design-vue 3.3.3-release.8 → 3.4.0-beta.0

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

@@ -86,10 +86,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     "formChange"
   ],
   setup(__props, {
-    expose,
-    emit
+    expose: __expose,
+    emit: __emit
   }) {
     const props = __props;
+    const emit = __emit;
     provide(InjectionInfoHeaderEmit, emit);
     const infoDescriptionRef = ref();
     function updateColumn() {
@@ -147,7 +148,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const formRenderRef = ref();
     provide(InjectionInfoHeaderFormRef, formRenderRef);
-    expose({
+    __expose({
       update: updateColumn,
       $formRender: formRenderRef
     });
@@ -160,7 +161,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         class: normalizeClass(["c-info-header__content", {
           "is-compact": __props.compact
         }]),
-        style: normalizeStyle(unref(cssVars))
+        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
@@ -176,9 +177,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       }, _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) => {
+      }, 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: item,
+          key: index,
           class: "c-info-header__settingIcon",
           onClick: item.event
         }, [(openBlock(), createBlock(resolveDynamicComponent(item.render)))], 8, _hoisted_4);

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,12 +137,13 @@ 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;
         lazyRender: boolean;
+        linebreaksToTitle: boolean;
         dialogFn: any;
     }>) => Record<string, import("@formily/vue").Stringify<{
         [key: symbol]: any;
@@ -208,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;
@@ -266,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;
@@ -288,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;
@@ -306,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;
@@ -315,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;
@@ -327,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;
@@ -342,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;
@@ -363,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;
@@ -380,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;
@@ -395,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;
@@ -407,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;
@@ -415,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;
@@ -444,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;

package/es/components/info-header/src/components/infoDescription/DescriptionItem.vue2.js

@@ -1,7 +1,6 @@
 import { defineComponent, inject, watch, computed, openBlock, createElementBlock, createBlock, unref, normalizeStyle, Fragment, withDirectives, createElementVNode, vShow, createCommentVNode } from 'vue';
 import { isField } from '@formily/core';
 import { useForm } from '@formily/vue';
-import { isFunction } from 'lodash-es';
 import { pauseTracking, enableTracking } from '@vue/reactivity';
 import '../../../../form-render/index.js';
 import { InjectionSchemaField, InjectionBusinessCollector } from '../../../../form-render/src/constants/index.js';
@@ -9,6 +8,9 @@ import { InjectionInfoHeaderFormRef } from '../../constants/index.js';
 import HiddenContent from './HiddenContent.vue.js';
 import InfoEllipsis from './InfoEllipsis.vue.js';
 import script from '../../../../../shared/components/SlotRender/SlotRender.js';
+import { promiseTimeout } from '@vueuse/shared';
+import { findAncestor } from '../../../../../shared/utils/index.js';
+import { castArray } from 'lodash-es';
 import { useFieldListAdaptor } from '../../../../form-render/src/hooks/useFieldListAdaptor.js';
 import { createObjSchema } from '../../../../form-render/src/utils/schema.js';
 
@@ -27,8 +29,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     valueField: {
       default: "value"
     },
-    width: null,
-    rootSlot: null,
+    width: {},
+    rootSlot: {},
     encrypted: {
       type: Boolean
     }
@@ -40,7 +42,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const formRenderRef = inject(InjectionInfoHeaderFormRef);
     function setEdit(v) {
+      var _a, _b;
       props.infoItem.edit = v;
+      (_b = (_a = props.infoItem.formField) == null ? void 0 : _a.onEditStateChange) == null ? void 0 : _b.call(_a, props.infoItem.label, v);
     }
     watch(() => props.infoItem.edit, (v) => {
       var _a;
@@ -72,44 +76,63 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     } = useFieldListAdaptor(collector);
     const formModel = useForm();
     const schema = computed(() => {
-      var _a, _b, _c;
+      var _a, _b, _c, _d, _e;
       const field = props.infoItem.formField;
       if (!field)
         return {};
+      const onBlur = (_a = field.componentProps) == null ? void 0 : _a.onBlur;
+      const bindOnBlur = async (event) => {
+        if (!props.infoItem.edit)
+          return;
+        await promiseTimeout(50);
+        if (findAncestor(document.querySelector(":focus"), (ele) => ele.getAttribute("__infoHeader") === fieldKey))
+          return;
+        const eventTarget = event.target;
+        if (eventTarget && eventTarget.classList.contains("n-base-select-option"))
+          return;
+        if (!formModel || !formModel.value)
+          return;
+        try {
+          const fieldInstance = formModel.value.query(fieldKey).take();
+          await (fieldInstance && isField(fieldInstance) && fieldInstance.validate());
+          setEdit(false);
+          onBlur == null ? void 0 : onBlur(event);
+        } catch (e) {
+        }
+      };
       const fieldKey = props.infoItem[props.labelField];
       const fieldItem = {
         ...field,
-        html_type: (_a = field.html_type) != null ? _a : "INPUT",
+        html_type: (_b = field.html_type) != null ? _b : "INPUT",
         val_key: fieldKey,
         decoratorProps: {
           showLabel: false,
           ...field.decoratorProps,
           style: {
-            marginBottom: "-12px"
-          }
+            marginBottom: "-12px",
+            ...(_c = field.decoratorProps) == null ? void 0 : _c.style
+          },
+          __infoHeader: fieldKey
         },
         componentProps: {
           size: "tiny",
           clearable: true,
           ...field.componentProps,
+          onBlur: bindOnBlur,
           style: {
-            fontWeight: ((_b = props.infoItem) == null ? void 0 : _b.bold) ? 700 : 500,
-            ...(_c = field.componentProps) == null ? void 0 : _c.style
-          },
-          async onBlur(event) {
-            var _a2;
-            if (!formModel || !formModel.value)
-              return;
-            try {
-              const fieldInstance = formModel.value.query(fieldKey).take();
-              await (fieldInstance && isField(fieldInstance) && fieldInstance.validate());
-              setEdit(false);
-              isFunction((_a2 = field.componentProps) == null ? void 0 : _a2.onBlur) && field.componentProps.onBlur(event);
-            } catch (e) {
-            }
+            fontWeight: ((_d = props.infoItem) == null ? void 0 : _d.bold) ? 700 : 500,
+            ...(_e = field.componentProps) == null ? void 0 : _e.style
           }
         }
       };
+      if (fieldItem.suffixConfig) {
+        castArray(field.suffixConfig).forEach((item) => {
+          item.componentProps = {
+            ...item.componentProps,
+            onBlur: bindOnBlur
+          };
+        });
+      }
       pauseTracking();
       fieldItem.default_val = props.infoItem[props.valueField];
       enableTracking();
@@ -117,10 +140,18 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       return createObjSchema(fields);
     });
     watch(() => props.width, (width) => {
-      var _a;
+      var _a, _b;
       if (!width || !props.infoItem.formField)
         return;
-      (_a = formRenderRef.value) == null ? void 0 : _a.setFieldState(props.infoItem[props.labelField], (state) => {
+      const parentNode = (_a = formRenderRef.value) == null ? void 0 : _a.formModel.query(props.infoItem[props.labelField] + "-~").take();
+      if (parentNode) {
+        parentNode.componentProps.style = {
+          ...parentNode.componentProps.style,
+          maxWidth: width + "px"
+        };
+        return;
+      }
+      (_b = formRenderRef.value) == null ? void 0 : _b.setFieldState(props.infoItem[props.labelField], (state) => {
         if (!state.componentProps)
           return;
         state.componentProps.style = {
@@ -156,33 +187,36 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("section", {
-        onDblclick: _cache[0] || (_cache[0] = ($event) => onItemDblclick(__props.infoItem)),
-        onClick: _cache[1] || (_cache[1] = ($event) => onItemClick(__props.infoItem))
-      }, [__props.infoItem.slot ? (openBlock(), createBlock(unref(script), {
+        onDblclick: _cache[0] || (_cache[0] = ($event) => onItemDblclick(_ctx.infoItem)),
+        onClick: _cache[1] || (_cache[1] = ($event) => onItemClick(_ctx.infoItem)),
+        style: {
+          "min-height": "20px"
+        }
+      }, [_ctx.infoItem.slot ? (openBlock(), createBlock(unref(script), {
         key: 0,
-        renderer: __props.infoItem.slot,
-        "root-slots": __props.rootSlot,
-        item: __props.infoItem,
-        style: normalizeStyle(unref(itemStyle)),
-        width: __props.width
+        renderer: _ctx.infoItem.slot,
+        "root-slots": _ctx.rootSlot,
+        item: _ctx.infoItem,
+        style: normalizeStyle(itemStyle.value),
+        width: _ctx.width
       }, null, 8, ["renderer", "root-slots", "item", "style", "width"])) : (openBlock(), createElementBlock(Fragment, {
         key: 1
-      }, [withDirectives(createElementVNode("section", null, [unref(isHiddenContent) ? (openBlock(), createBlock(HiddenContent, {
+      }, [withDirectives(createElementVNode("section", null, [isHiddenContent.value ? (openBlock(), createBlock(HiddenContent, {
         key: 0,
-        content: __props.infoItem[__props.valueField],
-        tip: __props.infoItem.tip,
-        "content-style": unref(itemStyle),
-        width: __props.width,
-        encrypted: __props.encrypted
+        content: _ctx.infoItem[_ctx.valueField],
+        tip: _ctx.infoItem.tip,
+        "content-style": itemStyle.value,
+        width: _ctx.width,
+        encrypted: _ctx.encrypted
       }, null, 8, ["content", "tip", "content-style", "width", "encrypted"])) : (openBlock(), createBlock(InfoEllipsis, {
         key: 1,
-        "content-style": unref(ellipsisStyle),
-        content: __props.infoItem[__props.valueField],
-        tip: __props.infoItem.tip
-      }, null, 8, ["content-style", "content", "tip"]))], 512), [[vShow, !__props.infoItem.edit || !__props.infoItem.formField]]), __props.infoItem.formField ? withDirectives((openBlock(), createElementBlock("section", _hoisted_1, [(openBlock(), createBlock(unref(SchemaField), {
-        schema: unref(schema),
-        key: __props.infoItem[__props.labelField]
-      }, null, 8, ["schema"]))], 512)), [[vShow, __props.infoItem.edit]]) : createCommentVNode("v-if", true)], 64))], 32);
+        "content-style": ellipsisStyle.value,
+        content: _ctx.infoItem[_ctx.valueField],
+        tip: _ctx.infoItem.tip
+      }, null, 8, ["content-style", "content", "tip"]))], 512), [[vShow, !_ctx.infoItem.edit || !_ctx.infoItem.formField]]), _ctx.infoItem.formField ? withDirectives((openBlock(), createElementBlock("section", _hoisted_1, [(openBlock(), createBlock(unref(SchemaField), {
+        schema: schema.value,
+        key: _ctx.infoItem[_ctx.labelField]
+      }, null, 8, ["schema"]))], 512)), [[vShow, _ctx.infoItem.edit]]) : createCommentVNode("v-if", true)], 64))], 32);
     };
   }
 });