cnhis-design-vue 3.1.13-beta.3 → 3.1.13-beta.4

package/es/packages/big-table/style/index.css

@@ -249,6 +249,11 @@ body > .vxe-table--tooltip-wrapper {
   height: 100%;
   line-height: unset;
   width: 100%;
+  display: inline-flex;
+}
+.custom-big-table .vxe-table .vxe-table--header .col--seq .vxe-cell--title,
+.custom-big-table .vxe-table .vxe-table--header .col--checkbox .vxe-cell--title {
+  display: inline-block;
 }
 .custom-big-table .vxe-table .vxe-table--footer-wrapper.body--wrapper::-webkit-scrollbar,
 .custom-big-table .vxe-table .vxe-table--body-wrapper::-webkit-scrollbar {

package/es/packages/fabric-chart/src/hooks/useCenter.js

@@ -1,6 +1,6 @@
 import { reactive, onMounted, nextTick } from 'vue';
 import { fabric } from '../utils/index.js';
-import { defaultStyle, drawLine, drawPoint, defaultTextStyle } from './useDraw.js';
+import { defaultStyle, drawPoint, drawLine, defaultTextStyle } from './useDraw.js';
 import useGrid from './useGrid.js';
 import { useShadow } from './useShadow.js';
 import { TEMPERATURE_MENU, PAIN_MENU } from './constant.js';
@@ -36,6 +36,8 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
     target: null
   });
   const shadowLinesCache = /* @__PURE__ */ new Set();
+  const maiboPoints = /* @__PURE__ */ new Set();
+  const otherPoints = /* @__PURE__ */ new Set();
   onMounted(() => {
     nextTick(() => {
       init();
@@ -48,6 +50,7 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
         drawPolyLine(item, dataIndex, scaleValue);
       });
     });
+    drawOverlapPoint();
     setCanvasEvent();
   }
   function drawShaDow(target) {
@@ -181,13 +184,49 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
   }
   function getEqualXTypes(pointX) {
     const types = [];
+    const left2 = cumputedX(getXValue(pointX));
     canvas.value.forEachObject((obj) => {
-      if (obj.origin && cumputedX(getXValue(pointX)) === obj.left) {
+      if (obj.origin && left2 === obj.left) {
         types.push(obj.origin.type);
       }
     });
     return [...new Set(types)];
   }
+  function drawOverlapPoint() {
+    var _a;
+    const pulseObj = left.yScaleValue.find((item) => item.type === "pulse");
+    if (!pulseObj || !((_a = pulseObj.dataList) == null ? void 0 : _a.length))
+      return;
+    if (!pulseObj.dataList.some((item) => item.title.includes("\u8109\u640F")))
+      return;
+    const overlap = left.overlap || {};
+    maiboPoints.size && [...maiboPoints].forEach((item) => {
+      [...otherPoints].forEach((obj) => {
+        if (obj.origin && item.left === obj.left && item.top === obj.top) {
+          const key = obj.origin.key;
+          if (key) {
+            console.log(333, key);
+            const pointer = {
+              left: obj.left,
+              top: obj.top,
+              defaultStyle
+            };
+            let type = "koumai";
+            if (key === "yemai") {
+              type = key;
+            }
+            if (key === "humai") {
+              type = "circle";
+            }
+            drawPoint(type, {
+              ...overlap[key] || {},
+              ...pointer
+            });
+          }
+        }
+      });
+    });
+  }
   function drawPolyLine(item, dataIndex, scaleValue) {
     const {
       pointAttr = {},
@@ -290,6 +329,7 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
         origin: {
           data: v,
           title: item.title,
+          key: item.key || "",
           unit: scaleValue.unit,
           type: scaleValue.type,
           dataIndex,
@@ -323,6 +363,11 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
       }
       lineList.push(line);
       if (point) {
+        if (item.title.includes("\u8109\u640F")) {
+          maiboPoints.add(point);
+        } else {
+          otherPoints.add(point);
+        }
         setPointEvent(point);
         pointList.push(point);
       }

package/es/packages/fabric-chart/src/hooks/useDraw.d.ts

@@ -39,4 +39,4 @@ export declare const defaultTextStyle: {
 };
 export declare function drawLine(points: number[], style: Partial<ILineOptions>): fabric.Line;
 export declare function drawTextGroup(rectStyle: Partial<fabric.IRectOptions>, fontStyle: Partial<ITextOptions>, groupStyle: Partial<fabric.IGroupOptions>): fabric.Group;
-export declare function drawPoint(type: string | undefined, style: any): fabric.Circle | fabric.Triangle;
+export declare function drawPoint(type: string | undefined, style: any): fabric.Object;

package/es/packages/fabric-chart/src/hooks/useDraw.js

@@ -57,7 +57,6 @@ function drawTextGroup(rectStyle, fontStyle, groupStyle) {
   });
 }
 function drawPoint(type = "circle", style) {
-  let point = null;
   const newStyle = {
     originX: "center",
     originY: "center",
@@ -65,27 +64,87 @@ function drawPoint(type = "circle", style) {
     hasBorders: false,
     ...style
   };
+  const createCircleBorder = (data) => {
+    return new fabric.Circle({
+      objectCaching: false,
+      strokeWidth: 1,
+      radius: 5,
+      scale: 1,
+      fill: "#fff",
+      ...data
+    });
+  };
   switch (type) {
     case "triangle":
-      point = new fabric.Triangle({
+      return new fabric.Triangle({
         width: 20,
         height: 20,
         strokeWidth: 1,
         scale: 1,
         ...newStyle
       });
-      break;
     case "circle":
-      point = new fabric.Circle({
+      return new fabric.Circle({
         objectCaching: false,
         strokeWidth: 1,
         radius: 5,
         scale: 1,
         ...newStyle
       });
-      break;
+    case "image":
+      if (style == null ? void 0 : style.url) ; else {
+        return new fabric.Image(style.element, {
+          ...newStyle,
+          scale: 1
+        });
+      }
+    case "yemai":
+      const createAdd = (data) => {
+        const width = (data.radius || 5) * 2;
+        const line1 = new fabric.Line([0, width / 2, width, width / 2], {
+          ...data,
+          stroke: data.strokeX,
+          strokeWidth: data.strokeWidth,
+          angle: 0
+        });
+        const line2 = new fabric.Line([width / 2, 0, width / 2, width], {
+          ...data,
+          angle: 0
+        });
+        return new fabric.Group([line1, line2], {
+          scale: 1,
+          ...data
+        });
+      };
+      return new fabric.Group([createCircleBorder(style), createAdd(style)], {
+        scale: 1,
+        ...style,
+        angle: 0
+      });
+    case "koumai":
+      const circle = new fabric.Circle({
+        objectCaching: false,
+        radius: style.radiusCircle || 2,
+        fill: style.fillCircle || "#000",
+        originX: "center",
+        originY: "center",
+        left: style.left,
+        top: style.top
+      });
+      return new fabric.Group([createCircleBorder(style), circle], {
+        scale: 1,
+        ...style
+      });
+    default:
+      style && Reflect.deleteProperty(style, "stroke");
+      return new fabric.Text(String(type), {
+        fontFamily: "\u5FAE\u8F6F\u96C5\u9ED1",
+        scale: 1,
+        fontSize: 14,
+        fill: "#000",
+        ...newStyle
+      });
   }
-  return point;
 }
 
 export { defaultBorderStyle, defaultLineStyle, defaultRectStyle, defaultStyle, defaultTextStyle, drawLine, drawPoint, drawTextGroup };

package/es/packages/fabric-chart/src/interface.d.ts

@@ -80,6 +80,7 @@ export interface ITop {
     operationDays?: IDate;
 }
 interface ILeft {
+    overlap?: any;
     spaceGridNumber?: number;
     yScaleValue: Array<any>;
     icons?: any;

package/es/packages/form-render/index.d.ts

@@ -99,6 +99,9 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{
         type: import("vue").PropType<import("../../../es/src/types").AnyObject>;
         default: () => {};
     };
+    annotation: {
+        type: import("vue").PropType<import("../../../es/src/types").AnyObject>;
+    };
     consumer: {
         type: BooleanConstructor;
         default: boolean;
@@ -204,6 +207,9 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{
             type: import("vue").PropType<import("../../../es/src/types").AnyObject>;
             default: () => {};
         };
+        annotation: {
+            type: import("vue").PropType<import("../../../es/src/types").AnyObject>;
+        };
         consumer: {
             type: BooleanConstructor;
             default: boolean;
@@ -1396,6 +1402,9 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{
         type: import("vue").PropType<import("../../../es/src/types").AnyObject>;
         default: () => {};
     };
+    annotation: {
+        type: import("vue").PropType<import("../../../es/src/types").AnyObject>;
+    };
     consumer: {
         type: BooleanConstructor;
         default: boolean;

package/es/packages/form-render/src/FormRender.vue.d.ts

@@ -99,6 +99,9 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<AnyObject>;
         default: () => {};
     };
+    annotation: {
+        type: PropType<AnyObject>;
+    };
     consumer: {
         type: BooleanConstructor;
         default: boolean;
@@ -204,6 +207,9 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<AnyObject>;
             default: () => {};
         };
+        annotation: {
+            type: PropType<AnyObject>;
+        };
         consumer: {
             type: BooleanConstructor;
             default: boolean;
@@ -1396,6 +1402,9 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<AnyObject>;
         default: () => {};
     };
+    annotation: {
+        type: PropType<AnyObject>;
+    };
     consumer: {
         type: BooleanConstructor;
         default: boolean;

package/es/packages/form-render/src/FormRender.vue_vue_type_script_setup_true_lang.js

@@ -31,6 +31,7 @@ var script = /* @__PURE__ */ defineComponent({
     },
     businessFilter: { type: Function },
     scope: { type: Object, default: () => ({}) },
+    annotation: { type: Object },
     consumer: { type: Boolean, default: false },
     uuid: { type: String }
   },
@@ -104,7 +105,7 @@ var script = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(NForm), null, {
+      return openBlock(), createBlock(unref(NForm), { class: "form-render" }, {
         default: withCtx(() => [
           __props.anchor ? (openBlock(), createElementBlock("section", _hoisted_1, [
             createVNode(unref(NTabs), {

package/es/packages/form-render/src/components/renderer/formItem.d.ts

@@ -1,294 +1,9 @@
 export declare const FORM_ITEM: import("vue").DefineComponent<{
-    readonly label: StringConstructor;
-    readonly labelWidth: import("vue").PropType<string | number>;
-    readonly labelStyle: import("vue").PropType<string | import("vue").CSSProperties>;
-    readonly labelAlign: import("vue").PropType<import("naive-ui/es/form/src/interface").LabelAlign>;
-    readonly labelPlacement: import("vue").PropType<import("naive-ui/es/form/src/interface").LabelPlacement>;
-    readonly path: StringConstructor;
-    readonly first: BooleanConstructor;
-    readonly rulePath: StringConstructor;
-    readonly required: BooleanConstructor;
-    readonly showRequireMark: {
-        readonly type: import("vue").PropType<boolean | undefined>;
-        readonly default: undefined;
-    };
-    readonly requireMarkPlacement: import("vue").PropType<"left" | "right" | "right-hanging">;
-    readonly showFeedback: {
-        readonly type: import("vue").PropType<boolean | undefined>;
-        readonly default: undefined;
-    };
-    readonly rule: import("vue").PropType<import("naive-ui").FormItemRule | import("naive-ui").FormItemRule[]>;
-    readonly size: import("vue").PropType<"small" | "medium" | "large">;
-    readonly ignorePathChange: BooleanConstructor;
-    readonly validationStatus: import("vue").PropType<"success" | "warning" | "error">;
-    readonly feedback: StringConstructor;
-    readonly showLabel: {
-        readonly type: import("vue").PropType<boolean | undefined>;
-        readonly default: undefined;
-    };
-    readonly labelProps: import("vue").PropType<import("vue").LabelHTMLAttributes>;
-    readonly theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Form", {
-        blankHeightSmall: string;
-        blankHeightMedium: string;
-        blankHeightLarge: string;
-        lineHeight: string;
-        labelTextColor: string;
-        asteriskColor: string;
-        feedbackTextColorError: string;
-        feedbackTextColorWarning: string;
-        feedbackTextColor: string;
-        feedbackPadding: string;
-        feedbackHeightSmall: string;
-        feedbackHeightMedium: string;
-        feedbackHeightLarge: string;
-        feedbackFontSizeSmall: string;
-        feedbackFontSizeMedium: string;
-        feedbackFontSizeLarge: string;
-        labelFontSizeLeftSmall: string;
-        labelFontSizeLeftMedium: string;
-        labelFontSizeLeftLarge: string;
-        labelFontSizeTopSmall: string;
-        labelFontSizeTopMedium: string;
-        labelFontSizeTopLarge: string;
-        labelHeightSmall: string;
-        labelHeightMedium: string;
-        labelHeightLarge: string;
-        labelPaddingVertical: string;
-        labelPaddingHorizontal: string;
-        labelTextAlignVertical: string;
-        labelTextAlignHorizontal: string;
-    }, any>>;
-    readonly themeOverrides: import("vue").PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Form", {
-        blankHeightSmall: string;
-        blankHeightMedium: string;
-        blankHeightLarge: string;
-        lineHeight: string;
-        labelTextColor: string;
-        asteriskColor: string;
-        feedbackTextColorError: string;
-        feedbackTextColorWarning: string;
-        feedbackTextColor: string;
-        feedbackPadding: string;
-        feedbackHeightSmall: string;
-        feedbackHeightMedium: string;
-        feedbackHeightLarge: string;
-        feedbackFontSizeSmall: string;
-        feedbackFontSizeMedium: string;
-        feedbackFontSizeLarge: string;
-        labelFontSizeLeftSmall: string;
-        labelFontSizeLeftMedium: string;
-        labelFontSizeLeftLarge: string;
-        labelFontSizeTopSmall: string;
-        labelFontSizeTopMedium: string;
-        labelFontSizeTopLarge: string;
-        labelHeightSmall: string;
-        labelHeightMedium: string;
-        labelHeightLarge: string;
-        labelPaddingVertical: string;
-        labelPaddingHorizontal: string;
-        labelTextAlignVertical: string;
-        labelTextAlignHorizontal: string;
-    }, any>>>;
-    readonly builtinThemeOverrides: import("vue").PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Form", {
-        blankHeightSmall: string;
-        blankHeightMedium: string;
-        blankHeightLarge: string;
-        lineHeight: string;
-        labelTextColor: string;
-        asteriskColor: string;
-        feedbackTextColorError: string;
-        feedbackTextColorWarning: string;
-        feedbackTextColor: string;
-        feedbackPadding: string;
-        feedbackHeightSmall: string;
-        feedbackHeightMedium: string;
-        feedbackHeightLarge: string;
-        feedbackFontSizeSmall: string;
-        feedbackFontSizeMedium: string;
-        feedbackFontSizeLarge: string;
-        labelFontSizeLeftSmall: string;
-        labelFontSizeLeftMedium: string;
-        labelFontSizeLeftLarge: string;
-        labelFontSizeTopSmall: string;
-        labelFontSizeTopMedium: string;
-        labelFontSizeTopLarge: string;
-        labelHeightSmall: string;
-        labelHeightMedium: string;
-        labelHeightLarge: string;
-        labelPaddingVertical: string;
-        labelPaddingHorizontal: string;
-        labelTextAlignVertical: string;
-        labelTextAlignHorizontal: string;
-    }, any>>>;
-}, {
-    cssVars: import("vue").ComputedRef<{
-        '--n-bezier': string;
-        '--n-line-height': string;
-        '--n-blank-height': string;
-        '--n-label-font-size': string;
-        '--n-label-text-align': string;
-        '--n-label-height': string;
-        '--n-label-padding': string;
-        '--n-asterisk-color': string;
-        '--n-label-text-color': string;
-        '--n-feedback-padding': string;
-        '--n-feedback-font-size': string;
-        '--n-feedback-height': string;
-        '--n-feedback-text-color': string;
-        '--n-feedback-text-color-warning': string;
-        '--n-feedback-text-color-error': string;
-    }> | undefined;
-    themeClass: import("vue").Ref<string>;
-    onRender: () => void;
-    validate: import("naive-ui/es/form/src/interface").FormItemValidate;
-    restoreValidation: () => void;
-    path?: string | undefined;
-    internalValidate: import("naive-ui/es/form/src/interface").FormItemInternalValidate;
-    mergedSize: import("vue").ComputedRef<import("naive-ui/es/form/src/interface").Size>;
-    validationErrored: import("vue").Ref<boolean>;
-    mergedLabelStyle: import("vue").ComputedRef<(import("vue").StyleValue | undefined)[]>;
-    mergedLabelPlacement: import("vue").ComputedRef<import("naive-ui/es/form/src/interface").LabelPlacement>;
-    mergedLabelAlign: import("vue").ComputedRef<import("naive-ui/es/form/src/interface").LabelAlign | undefined>;
-    mergedShowRequireMark: import("vue").ComputedRef<boolean | undefined>;
-    mergedRequireMarkPlacement: import("vue").ComputedRef<"left" | "right" | "right-hanging">;
-    mergedValidationStatus: import("vue").ComputedRef<"success" | "warning" | "error" | undefined>;
-    mergedShowFeedback: import("vue").ComputedRef<boolean>;
-    mergedShowLabel: import("vue").ComputedRef<boolean>;
-    labelElementRef: import("vue").Ref<HTMLLabelElement | null>;
-    mergedClsPrefix: import("vue").ComputedRef<string>;
-    mergedRequired: import("vue").ComputedRef<boolean>;
-    feedbackId: import("vue").Ref<string>;
-    renderExplains: import("vue").Ref<{
-        key: string;
-        render: () => import("vue").VNodeChild;
-    }[]>;
-}, 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 label: StringConstructor;
-    readonly labelWidth: import("vue").PropType<string | number>;
-    readonly labelStyle: import("vue").PropType<string | import("vue").CSSProperties>;
-    readonly labelAlign: import("vue").PropType<import("naive-ui/es/form/src/interface").LabelAlign>;
-    readonly labelPlacement: import("vue").PropType<import("naive-ui/es/form/src/interface").LabelPlacement>;
-    readonly path: StringConstructor;
-    readonly first: BooleanConstructor;
-    readonly rulePath: StringConstructor;
-    readonly required: BooleanConstructor;
-    readonly showRequireMark: {
-        readonly type: import("vue").PropType<boolean | undefined>;
-        readonly default: undefined;
-    };
-    readonly requireMarkPlacement: import("vue").PropType<"left" | "right" | "right-hanging">;
-    readonly showFeedback: {
-        readonly type: import("vue").PropType<boolean | undefined>;
-        readonly default: undefined;
-    };
-    readonly rule: import("vue").PropType<import("naive-ui").FormItemRule | import("naive-ui").FormItemRule[]>;
-    readonly size: import("vue").PropType<"small" | "medium" | "large">;
-    readonly ignorePathChange: BooleanConstructor;
-    readonly validationStatus: import("vue").PropType<"success" | "warning" | "error">;
-    readonly feedback: StringConstructor;
-    readonly showLabel: {
-        readonly type: import("vue").PropType<boolean | undefined>;
-        readonly default: undefined;
-    };
-    readonly labelProps: import("vue").PropType<import("vue").LabelHTMLAttributes>;
-    readonly theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Form", {
-        blankHeightSmall: string;
-        blankHeightMedium: string;
-        blankHeightLarge: string;
-        lineHeight: string;
-        labelTextColor: string;
-        asteriskColor: string;
-        feedbackTextColorError: string;
-        feedbackTextColorWarning: string;
-        feedbackTextColor: string;
-        feedbackPadding: string;
-        feedbackHeightSmall: string;
-        feedbackHeightMedium: string;
-        feedbackHeightLarge: string;
-        feedbackFontSizeSmall: string;
-        feedbackFontSizeMedium: string;
-        feedbackFontSizeLarge: string;
-        labelFontSizeLeftSmall: string;
-        labelFontSizeLeftMedium: string;
-        labelFontSizeLeftLarge: string;
-        labelFontSizeTopSmall: string;
-        labelFontSizeTopMedium: string;
-        labelFontSizeTopLarge: string;
-        labelHeightSmall: string;
-        labelHeightMedium: string;
-        labelHeightLarge: string;
-        labelPaddingVertical: string;
-        labelPaddingHorizontal: string;
-        labelTextAlignVertical: string;
-        labelTextAlignHorizontal: string;
-    }, any>>;
-    readonly themeOverrides: import("vue").PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Form", {
-        blankHeightSmall: string;
-        blankHeightMedium: string;
-        blankHeightLarge: string;
-        lineHeight: string;
-        labelTextColor: string;
-        asteriskColor: string;
-        feedbackTextColorError: string;
-        feedbackTextColorWarning: string;
-        feedbackTextColor: string;
-        feedbackPadding: string;
-        feedbackHeightSmall: string;
-        feedbackHeightMedium: string;
-        feedbackHeightLarge: string;
-        feedbackFontSizeSmall: string;
-        feedbackFontSizeMedium: string;
-        feedbackFontSizeLarge: string;
-        labelFontSizeLeftSmall: string;
-        labelFontSizeLeftMedium: string;
-        labelFontSizeLeftLarge: string;
-        labelFontSizeTopSmall: string;
-        labelFontSizeTopMedium: string;
-        labelFontSizeTopLarge: string;
-        labelHeightSmall: string;
-        labelHeightMedium: string;
-        labelHeightLarge: string;
-        labelPaddingVertical: string;
-        labelPaddingHorizontal: string;
-        labelTextAlignVertical: string;
-        labelTextAlignHorizontal: string;
-    }, any>>>;
-    readonly builtinThemeOverrides: import("vue").PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Form", {
-        blankHeightSmall: string;
-        blankHeightMedium: string;
-        blankHeightLarge: string;
-        lineHeight: string;
-        labelTextColor: string;
-        asteriskColor: string;
-        feedbackTextColorError: string;
-        feedbackTextColorWarning: string;
-        feedbackTextColor: string;
-        feedbackPadding: string;
-        feedbackHeightSmall: string;
-        feedbackHeightMedium: string;
-        feedbackHeightLarge: string;
-        feedbackFontSizeSmall: string;
-        feedbackFontSizeMedium: string;
-        feedbackFontSizeLarge: string;
-        labelFontSizeLeftSmall: string;
-        labelFontSizeLeftMedium: string;
-        labelFontSizeLeftLarge: string;
-        labelFontSizeTopSmall: string;
-        labelFontSizeTopMedium: string;
-        labelFontSizeTopLarge: string;
-        labelHeightSmall: string;
-        labelHeightMedium: string;
-        labelHeightLarge: string;
-        labelPaddingVertical: string;
-        labelPaddingHorizontal: string;
-        labelTextAlignVertical: string;
-        labelTextAlignHorizontal: string;
-    }, any>>>;
-}>>, {
-    readonly required: boolean;
-    readonly first: boolean;
-    readonly showRequireMark: boolean | undefined;
-    readonly showFeedback: boolean | undefined;
-    readonly showLabel: boolean | undefined;
-    readonly ignorePathChange: boolean;
-}>;
+    label: StringConstructor;
+    propertyKey: StringConstructor;
+    annotation: {};
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    label: StringConstructor;
+    propertyKey: StringConstructor;
+    annotation: {};
+}>>, {}>;

package/es/packages/form-render/src/components/renderer/formItem.js

@@ -1,8 +1,141 @@
+import { defineComponent, inject, computed, ref, createVNode } from 'vue';
 import { isVoidField } from '@formily/core';
 import { connect, mapProps } from '@formily/vue';
-import { NFormItem } from 'naive-ui';
+import { FileTrayFull, FileTray } from '@vicons/ionicons5';
+import { isBoolean } from 'lodash-es';
+import { NFormItem, NPopover, NIcon, NInput } from 'naive-ui';
+import { InjectionAnnotation } from '../../../../../packages/form-render/src/constants';
 
-const FORM_ITEM = connect(NFormItem, mapProps({
+const script = defineComponent({
+  props: {
+    label: String,
+    propertyKey: String,
+    annotation: {}
+  },
+  setup(props, {
+    slots,
+    attrs
+  }) {
+    const annotation = inject(InjectionAnnotation);
+    const annotationContent = computed({
+      get() {
+        return annotation.value[props.propertyKey];
+      },
+      set(value) {
+        annotation.value = {
+          property: props.propertyKey,
+          value
+        };
+      }
+    });
+    function renderTextarea() {
+      return createVNode(NInput, {
+        "type": "textarea",
+        "value": annotationContent.value,
+        "onUpdate:value": ($event) => annotationContent.value = $event
+      }, null);
+    }
+    const __showPopper = ref(false);
+    const showPopper = computed({
+      get() {
+        return __showPopper.value;
+      },
+      async set(value) {
+        __showPopper.value = value;
+        if (!value && isEdit.value) {
+          await new Promise((resolve) => setTimeout(resolve, 200));
+          isEdit.value = false;
+        }
+      }
+    });
+    const isEdit = ref(false);
+    let clickTimer;
+    function iconClick() {
+      clearTimeout(clickTimer);
+      if (showPopper.value && isEdit.value) {
+        showPopper.value = false;
+        return;
+      }
+      clickTimer = setTimeout(() => {
+        if (!annotationContent.value) {
+          isEdit.value = showPopper.value = true;
+        }
+      }, 200);
+    }
+    function iconDbClick() {
+      clearTimeout(clickTimer);
+      if (!annotationContent.value)
+        return;
+      showPopper.value = true;
+      isEdit.value = true;
+    }
+    function iconMouseenter() {
+      if (!annotationContent.value)
+        return;
+      showPopper.value = true;
+    }
+    function iconMouseleave() {
+      if (!annotationContent.value || isEdit.value)
+        return;
+      showPopper.value = false;
+    }
+    function renderAnnotation() {
+      return createVNode("section", {
+        "class": ["form-render__formItemLabel--annotation", {
+          "is-active": !!annotationContent.value
+        }],
+        "style": {
+          "--icon-right": attrs.required ? "-30" : "-20"
+        },
+        "form-item-hover-show": !annotationContent.value && !isEdit.value
+      }, [createVNode(NPopover, {
+        "style": {
+          maxWidth: "200px",
+          wordBreak: "break-all"
+        },
+        "show": showPopper.value,
+        "onUpdate:show": ($event) => showPopper.value = $event,
+        "trigger": "manual",
+        "duration": 100
+      }, {
+        default: renderDefault,
+        trigger: renderTrigger
+      })]);
+      function renderText() {
+        return createVNode("span", null, [annotationContent.value]);
+      }
+      function renderDefault() {
+        return createVNode("div", null, [isEdit.value ? renderTextarea() : renderText()]);
+      }
+      function renderTrigger() {
+        return createVNode("div", {
+          "onMouseleave": iconMouseleave,
+          "onMouseenter": iconMouseenter,
+          "onDblclick": iconDbClick,
+          "onClick": iconClick
+        }, [createVNode(NIcon, {
+          "component": annotationContent.value ? FileTrayFull : FileTray
+        }, null)]);
+      }
+    }
+    const showAnnotation = computed(() => {
+      return annotation.value && (!isBoolean(props.annotation) || props.annotation);
+    });
+    const showLabel = computed(() => props.label && props.label !== " ");
+    function renderLabel() {
+      return showLabel.value ? createVNode("section", {
+        "class": "form-render__formItemLabel"
+      }, [createVNode("span", {
+        "class": "form-render__formItemLabel--text"
+      }, [props.label]), showAnnotation.value ? renderAnnotation() : null]) : null;
+    }
+    return () => createVNode(NFormItem, null, {
+      ...slots,
+      label: renderLabel
+    });
+  }
+});
+const FORM_ITEM = connect(script, mapProps({
   title: "label"
 }, (props, field) => {
   var _a;

package/es/packages/form-render/src/constants/index.d.ts

@@ -1,13 +1,14 @@
 import { ContextCollector } from '../../../../../es/packages/form-render/src/hooks/useChangeContext';
 import { BusinessCollector, FormItemDepsCollector } from '../hooks';
 import { FormAsyncQueue } from '../types';
-import { Component, InjectionKey } from 'vue';
+import { Component, InjectionKey, WritableComputedRef } from 'vue';
 export declare const InjectAsyncQueue: InjectionKey<FormAsyncQueue>;
 export declare const InjectionSchemaField: InjectionKey<Component>;
 export declare const InjectionBusinessCollector: InjectionKey<BusinessCollector>;
 export declare const InjectionChangeContextCollector: InjectionKey<ContextCollector>;
 export declare const InjectionFormItemDepsCollector: InjectionKey<FormItemDepsCollector>;
 export declare const InjectionFormUUID: InjectionKey<string>;
+export declare const InjectionAnnotation: InjectionKey<WritableComputedRef<Record<string, string>>>;
 export declare const FormItemLineBarDepKeyPrepend = "__dep_LINEBAR_";
 export declare enum FIELD_BUSINESS_TYPE {
     PASSWORD = "password",

package/es/packages/form-render/src/constants/index.js

@@ -4,6 +4,7 @@ const InjectionBusinessCollector = Symbol("InjectionBusinessCollector");
 const InjectionChangeContextCollector = Symbol("InjectionChangeContextCollector");
 const InjectionFormItemDepsCollector = Symbol("InjectionFormItemDepsCollector");
 const InjectionFormUUID = Symbol("InjectionFormUUID");
+const InjectionAnnotation = Symbol("InjectionAnnotation");
 const FormItemLineBarDepKeyPrepend = "__dep_LINEBAR_";
 var FIELD_BUSINESS_TYPE = /* @__PURE__ */ ((FIELD_BUSINESS_TYPE2) => {
   FIELD_BUSINESS_TYPE2["PASSWORD"] = "password";
@@ -37,4 +38,4 @@ var FIELD_AGE_UNIT = /* @__PURE__ */ ((FIELD_AGE_UNIT2) => {
   return FIELD_AGE_UNIT2;
 })(FIELD_AGE_UNIT || {});
 
-export { FIELD_AGE_UNIT, FIELD_BUSINESS_TYPE, FIELD_SEX_VALUE, FormItemLineBarDepKeyPrepend, InjectAsyncQueue, InjectionBusinessCollector, InjectionChangeContextCollector, InjectionFormItemDepsCollector, InjectionFormUUID, InjectionSchemaField };
+export { FIELD_AGE_UNIT, FIELD_BUSINESS_TYPE, FIELD_SEX_VALUE, FormItemLineBarDepKeyPrepend, InjectAsyncQueue, InjectionAnnotation, InjectionBusinessCollector, InjectionChangeContextCollector, InjectionFormItemDepsCollector, InjectionFormUUID, InjectionSchemaField };

package/es/packages/form-render/src/hooks/useFieldListAdaptor.js

@@ -13,7 +13,7 @@ function useFieldListAdaptor(collector, uuid) {
       "x-component": item.html_type,
       "x-component-props": {
         placeholder: item.placeholder,
-        clearable: item.is_empty === "1",
+        clearable: item.is_empty === "0",
         ...item.componentProps || {}
       },
       "x-display": item.is_show === "0" ? "hidden" : "visible",
@@ -28,6 +28,8 @@ function useFieldListAdaptor(collector, uuid) {
         "x-decorator-props": {
           span: item.elem_width,
           showLabel: item.hide_title !== "1",
+          propertyKey: item.val_key,
+          annotation: item.annotation,
           id: `${uuid}-${item.val_key}`,
           ...item.decoratorProps || {}
         }

package/es/packages/form-render/src/hooks/useFormContext.d.ts

@@ -1,5 +1,6 @@
+import { ShallowReactive } from 'vue';
 import { AnyObject } from '../../../../../es/src/types';
-export declare function useFormContext(props: AnyObject): {
+export declare function useFormContext(props: ShallowReactive<AnyObject>): {
     asyncQueue: import("../../../../../es/packages/form-render").FormAsyncQueue;
     SchemaField: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
     businessCollector: import("../../../../../es/packages/form-render").BusinessCollector;

package/es/packages/form-render/src/hooks/useFormContext.js

@@ -1,10 +1,11 @@
-import { provide } from 'vue';
+import { isObject } from 'lodash-es';
+import { provide, computed, readonly } from 'vue';
 import { createSchemaField } from '@formily/vue';
 import { useAsyncQueue, useBusinessBinding, useChangeContext, useFormItemDeps } from '../../../../packages/form-render';
 import * as components from '../../../../packages/form-render/src/components/renderer';
 import { usePresetScope } from '../../../../packages/form-render/src/hooks/usePresetScope';
 import { injectOrProvide, uuidGenerator } from '../../../../packages/form-render/src/utils';
-import { InjectAsyncQueue, InjectionSchemaField, InjectionBusinessCollector, InjectionChangeContextCollector, InjectionFormItemDepsCollector, InjectionFormUUID } from '../../../../packages/form-render/src/constants';
+import { InjectAsyncQueue, InjectionSchemaField, InjectionBusinessCollector, InjectionChangeContextCollector, InjectionFormItemDepsCollector, InjectionFormUUID, InjectionAnnotation } from '../../../../packages/form-render/src/constants';
 
 function useFormContext(props) {
   const asyncQueue = injectOrProvide(InjectAsyncQueue, () => useAsyncQueue().create(props.parallelism));
@@ -23,6 +24,16 @@ function useFormContext(props) {
   provide(InjectionFormItemDepsCollector, formItemDepsCollector);
   const formUUID = props.uuid || uuidGenerator();
   provide(InjectionFormUUID, formUUID);
+  provide(InjectionAnnotation, computed({
+    get() {
+      return props.annotation ? readonly(props.annotation) : null;
+    },
+    set(payload) {
+      if (!isObject(props.annotation))
+        return;
+      props.annotation[payload.property] = payload.value;
+    }
+  }));
   return {
     asyncQueue,
     SchemaField,

package/es/packages/form-render/style/index.css

@@ -12,6 +12,23 @@
 .form-render__formItem .n-date-picker {
   width: 100%;
 }
+.form-render__formItemLabel {
+  position: relative;
+  display: flex;
+  align-items: center;
+}
+.form-render__formItemLabel--annotation {
+  position: absolute;
+  top: 0;
+  right: calc(var(--icon-right) * 1px);
+  cursor: pointer;
+  color: #0067ee;
+  font-size: 16px;
+  user-select: none;
+}
+.form-render__formItemLabel--annotation.is-active {
+  color: rgba(255, 152, 40);
+}
 .form-render__linebar {
   grid-column: span var(--column) / span var(--column);
 }
@@ -97,3 +114,9 @@
   display: flex !important;
   gap: 0 8px;
 }
+.form-render .n-form-item-label [form-item-hover-show='true'] {
+  visibility: hidden;
+}
+.form-render .n-form-item-label:hover [form-item-hover-show='true'] {
+  visibility: visible;
+}

package/es/packages/index.css

@@ -249,6 +249,11 @@ body > .vxe-table--tooltip-wrapper {
   height: 100%;
   line-height: unset;
   width: 100%;
+  display: inline-flex;
+}
+.custom-big-table .vxe-table .vxe-table--header .col--seq .vxe-cell--title,
+.custom-big-table .vxe-table .vxe-table--header .col--checkbox .vxe-cell--title {
+  display: inline-block;
 }
 .custom-big-table .vxe-table .vxe-table--footer-wrapper.body--wrapper::-webkit-scrollbar,
 .custom-big-table .vxe-table .vxe-table--body-wrapper::-webkit-scrollbar {
@@ -2647,6 +2652,23 @@ body > .vxe-table--tooltip-wrapper {
 .form-render__formItem .n-date-picker {
   width: 100%;
 }
+.form-render__formItemLabel {
+  position: relative;
+  display: flex;
+  align-items: center;
+}
+.form-render__formItemLabel--annotation {
+  position: absolute;
+  top: 0;
+  right: calc(var(--icon-right) * 1px);
+  cursor: pointer;
+  color: #0067ee;
+  font-size: 16px;
+  user-select: none;
+}
+.form-render__formItemLabel--annotation.is-active {
+  color: rgba(255, 152, 40);
+}
 .form-render__linebar {
   grid-column: span var(--column) / span var(--column);
 }
@@ -2732,6 +2754,12 @@ body > .vxe-table--tooltip-wrapper {
   display: flex !important;
   gap: 0 8px;
 }
+.form-render .n-form-item-label [form-item-hover-show='true'] {
+  visibility: hidden;
+}
+.form-render .n-form-item-label:hover [form-item-hover-show='true'] {
+  visibility: visible;
+}
 .c-fabric-chart-popup-tip,
 .c-fabric-chart-popup-menu {
   position: absolute;

package/es/packages/scale-view/src/hooks/scaleview-init.js

@@ -303,14 +303,10 @@ const ScaleViewInit = (props, state, emit, config) => {
     let i = 1;
     const results = list.map((item) => {
       const key = formKey(item);
-      let title = (key || "").replace(/\n/g, "");
+      (key || "").replace(/\n/g, "");
       item.showTitle = item.title;
       item.val_key = key;
       item.renderCom = componentMap[item.type];
-      if (title.includes(".")) {
-        let newTitle = title.replace(/\./g, "~-~");
-        item.showTitle = newTitle;
-      }
       item.isShow = true;
       Object.keys(item).forEach((key2) => {
         if (vexutils.isJSON(item[key2])) {

package/es/packages/scale-view/src/hooks/scaleview-submit.js

@@ -82,12 +82,7 @@ const ScaleViewSubmit = (props, state, emit, config) => {
           if (itemTemp.setting && itemTemp.setting.dateType == "date" && tempObj[key])
             tempObj[key] = moment(tempObj[key]).format("YYYY-MM-DD ") + moment().format("HH:mm:ss");
         }
-        if (key.includes("~-~")) {
-          let newKey = keyTemp ? keyTemp.replace(/~-~/g, ".") : key.replace(/~-~/g, ".");
-          res[newKey] = tempObj[key];
-        } else {
-          res[keyTemp || key] = !tempObj[key] ? null : tempObj[key];
-        }
+        res[keyTemp || key] = !tempObj[key] ? null : tempObj[key];
         if (isOnlyOptions(itemTemp.type)) {
           let { options } = itemTemp;
           let useKey = itemTemp.val_key;

package/es/packages/scale-view/src/hooks/scaleview-validate.js

@@ -117,9 +117,6 @@ const ScaleViewValidate = (props, state, config) => {
     const rules = {};
     formArray.forEach((item) => {
       let newTitle = item.val_key;
-      if (newTitle.includes(".")) {
-        newTitle = newTitle.replace(/\./g, "~-~");
-      }
       rules[newTitle] = [];
       if (item.required && !filterArr.includes(item.type)) {
         rules[newTitle].push({

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "cnhis-design-vue",
 	"private": false,
-	"version": "3.1.13-beta.3",
+	"version": "3.1.13-beta.4",
 	"license": "ISC",
 	"module": "es/packages/index.js",
 	"main": "es/packages/index.js",

package/test.ts

@@ -1,326 +0,0 @@
-import { createElementVNode as _createElementVNode, resolveComponent as _resolveComponent, createVNode as _createVNode, withCtx as _withCtx, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
-const _hoisted_1 = {
-  class: "markdown"
-};
-
-const _hoisted_2 = /*#__PURE__*/_createElementVNode("p", null, null, -1
-  /* HOISTED */
-);
-
-const _hoisted_3 = /*#__PURE__*/_createElementVNode("h1", null, "信息展示头(CInfoHeader)", -1
-  /* HOISTED */
-);
-
-const _hoisted_4 = ["innerHTML"];
-
-const _hoisted_5 = /*#__PURE__*/_createElementVNode("h2", null, "Props", -1
-  /* HOISTED */
-);
-
-const _hoisted_6 = /*#__PURE__*/_createElementVNode("h2", null, "Emits", -1
-  /* HOISTED */
-);
-
-const _hoisted_7 = /*#__PURE__*/_createElementVNode("h2", null, "Slots", -1
-  /* HOISTED */
-);
-
-const _hoisted_8 = /*#__PURE__*/_createElementVNode("h2", null, "Expose", -1
-  /* HOISTED */
-);
-
-export function render(_ctx, _cache) {
-  const _component_Component0 = _resolveComponent("Component0");
-
-  const _component_demo_collapse = _resolveComponent("demo-collapse");
-
-  const _component_n_data_table = _resolveComponent("n-data-table");
-
-  const _component_anchor_list = _resolveComponent("anchor-list");
-
-  return _openBlock(), _createElementBlock("div", _hoisted_1, [_createVNode(_component_anchor_list, null, {
-    default: _withCtx(() => [_hoisted_2, _hoisted_3, _createElementVNode("p", null, [_createVNode(_component_demo_collapse, null, {
-      source: _withCtx(() => [_createElementVNode("pre", null, [_createElementVNode("code", {
-          class: "hljs",
-          innerHTML: _ctx.code__Component0
-        }, null, 8
-        /* PROPS */
-        , _hoisted_4)])]),
-      default: _withCtx(() => [_createVNode(_component_Component0)]),
-      _: 1
-      /* STABLE */
-
-    })]), _hoisted_5, _createVNode(_component_n_data_table, {
-        striped: "",
-        size: "small",
-        data: [{
-          [`name`]: `compact`,
-          [`type`]: `Boolean`,
-          [`defaultValue`]: `-`,
-          [`description`]: ` 是否为紧凑模式`
-        }, {
-          [`name`]: `separator`,
-          [`type`]: `String`,
-          [`defaultValue`]: `':'`,
-          [`description`]: ` info区域分隔符`
-        }, {
-          [`name`]: `patientInfo`,
-          [`type`]: `Object`,
-          [`defaultValue`]: `() => ({})`,
-          [`description`]: ` 患者信息`
-        }, {
-          [`name`]: `infoList`,
-          [`type`]: `Array`,
-          [`defaultValue`]: `-`,
-          [`description`]: ` info区数据源`
-        }, {
-          [`name`]: `labelField`,
-          [`type`]: `String`,
-          [`defaultValue`]: `'label'`,
-          [`description`]: ` info区数据源label字段`
-        }, {
-          [`name`]: `valueField`,
-          [`type`]: `String`,
-          [`defaultValue`]: `'value'`,
-          [`description`]: ` info区数据源value字段`
-        }, {
-          [`name`]: `minColumnWidth`,
-          [`type`]: `[String, Number]`,
-          [`defaultValue`]: `240`,
-          [`description`]: ` info区列最小宽度`
-        }, {
-          [`name`]: `rowHeight`,
-          [`type`]: `[String, Number]`,
-          [`defaultValue`]: `32`,
-          [`description`]: ` info区行高`
-        }],
-        columns: [{
-          [`title`]: `属性`,
-          [`key`]: `name`
-        }, {
-          [`title`]: `类型`,
-          [`key`]: `type`
-        }, {
-          [`title`]: `默认值`,
-          [`key`]: `defaultValue`
-        }, {
-          [`title`]: `描述`,
-          [`key`]: `description`
-        }]
-      }, null, 8
-      /* PROPS */
-      , ["data"]), _hoisted_6, _createVNode(_component_n_data_table, {
-      striped: "",
-      size: "small",
-      data: [{
-        [`name`]: `openPatientInfo`,
-        [`description`]: ` 点击患者信息图标回调`
-      }, {
-        [`name`]: `fieldSet`,
-        [`description`]: ` 点击修改field图标回调`
-      }, {
-        [`name`]: `update:compact`,
-        [`description`]: ` 点击模式切换按钮回调`
-      }],
-      columns: [{
-        [`title`]: `事件名`,
-        [`key`]: `name`
-      }, {
-        [`title`]: `描述`,
-        [`key`]: `description`
-      }]
-    }), _hoisted_7, _createVNode(_component_n_data_table, {
-      striped: "",
-      size: "small",
-      data: [{
-        [`name`]: `operation`,
-        [`description`]: `-`
-      }, {
-        [`name`]: `patientModule`,
-        [`description`]: `-`
-      }, {
-        [`name`]: `avatar`,
-        [`description`]: `-`
-      }, {
-        [`name`]: `avatarInfo`,
-        [`description`]: `-`
-      }, {
-        [`name`]: `info`,
-        [`description`]: `-`
-      }, {
-        [`name`]: `setting`,
-        [`description`]: `-`
-      }, {
-        [`name`]: `patientInfoIcon`,
-        [`description`]: `-`
-      }, {
-        [`name`]: `fieldSetIcon`,
-        [`description`]: `-`
-      }, {
-        [`name`]: `compactIcon`,
-        [`description`]: `-`
-      }],
-      columns: [{
-        [`title`]: `属性`,
-        [`key`]: `name`
-      }, {
-        [`title`]: `描述`,
-        [`key`]: `description`
-      }]
-    }), _hoisted_8, _createVNode(_component_n_data_table, {
-      striped: "",
-      size: "small",
-      data: [{
-        [`name`]: `update`,
-        [`params`]: `-`,
-        [`description`]: ` 手动触发info区域宽度重新计算`
-      }],
-      columns: [{
-        [`title`]: `属性`,
-        [`key`]: `name`
-      }, {
-        [`title`]: `参数`,
-        [`key`]: `params`
-      }, {
-        [`title`]: `描述`,
-        [`key`]: `description`
-      }]
-    })]),
-    _: 1
-    /* STABLE */
-
-  })]);
-}
-import { defineComponent } from 'vue';
-import Component0 from "examples/views/6-info-header/demo/index.demo.vue";
-import hljs from 'highlight.js';
-import { NDataTable } from 'naive-ui';
-
-const __script = defineComponent({
-  components: {
-    Component0,
-    NDataTable
-  },
-
-  setup() {
-    const code__Component0 = hljs.highlight(`<!-- 整个组件从左到右分为 操作区 患者信息区 基本信息区 设置区 4个区域 -->
-<template>
-  <!-- compact 表示组件是否为收缩状态 -->
-  <!-- patientInfo 表示患者基本信息 -->
-  <!-- infoList
-  1.表示基本信息区描述列表数据, 如果需要在描述列表的内容中使用插槽, 那么在单项中传入slot字段即可
-  2.同时, 组件会对label中包含 电话｜身份证 的项进行特殊处理(点击眼睛图标隐藏)
-  3如果需要自己实现info区的内容, 使用info插槽即可
-  -->
-  <c-info-header
-    v-model:compact="compact"
-    :patientInfo="patientInfo"
-    :infoList="infoList"
-    min-column-width="180"
-    @open-patient-info="onOpenPatientInfo"
-    @field-set="onFieldSet"
-  >
-    <!-- 操作区插槽, 需要全量使用插槽实现   -->
-    <template #operation>
-      <div>operation1</div>
-      <!-- 为组件中的元素添加 compact-hidden 属性后, 该元素将自动在紧凑模式下隐藏-->
-      <div compact-hidden>operation2</div>
-    </template>
-
-    <!--  患者信息区的头像插槽 -->
-    <template #avatar>avatar</template>
-
-    <!-- 患者信息区的底部描述插槽-->
-    <template #avatarInfo>
-      <div compact-hidden>avatarInfo</div>
-    </template>
-
-    <!-- 患者信息插槽, 需要自己实现整个患者信息区时使用, 一般情况不需要   -->
-    <template #patientModule></template>
-
-    <!-- 基本信息区插槽, 一般情况不需要   -->
-    <template #info></template>
-
-    <!--  设置区插槽, 一般情况不需要  -->
-    <!-- <template #setting></template>-->
-
-    <!--  信息区医师插槽,插槽名称由infoList中的配置指定,一般情况不需要  -->
-    <template #doctor="{item,style,width}">
-      <div :style="{color:'red',width:width+'px',maxWidth:width+'px',...style}">{{ item.value || '-' }}</div>
-    </template>
-  </c-info-header>
-</template>
-
-&#60;script lang="ts">
-import { defineComponent } from 'vue';
-
-export default defineComponent({
-  setup() {
-    import { ref, h } from 'vue';
-
-    const compact = ref(false);
-
-    const patientInfo = ref({
-      name: '患者',
-      sex: '男',
-      age: '12',
-      ageUnit: '月',
-      tagList: [{ type: 'warning', content: '自费' }]
-    });
-
-    const infoList = ref([
-      { "label": "电话", "value": "15625635269" },
-      { "label": "门诊号", "value": "MZ103570", /* 指定内容区样式 */contentStyle: { color: 'red' } },
-      { "label": "就诊号", "value": "R0000200658" },
-      { "label": "医师", "value": "王烁", /* 指定该项的内容使用doctor插槽 */ slot: 'doctor' },
-      { "label": "所在科室", "value": "社康(全科)" },
-      {
-        "label": "过敏史", "value": undefined,
-        /**
-         *
-         * @param {Object} item --当前item
-         * @param {number} width --组件计算所得的当前项的最大宽度,使用插槽后,需要自行实现ellipsis逻辑,否则宽度过长时会导致错位
-         * @returns {VNode}
-         */
-        slot({ item, width }) {
-          return h('div', { style: { color: 'red', width: width + 'px', maxWidth: width + 'px' } }, item.value);
-        }
-      },
-      { "label": "血压", "value": null },
-      { "label": "基本余额", "value": null },
-      { "label": "积分", "value": null }
-    ]);
-
-    function onOpenPatientInfo() {
-      // ...
-    }
-
-    function onFieldSet() {
-      // ...
-    }
-
-    return { compact, onFieldSet, onOpenPatientInfo, patientInfo, infoList };
-  }
-});
-&#60;/script>
-`.replace(/&#60;/g, '<'), {
-      language: 'xml'
-    }).value;
-    return {
-      code__Component0
-    };
-  }
-
-});
-
-__script.render = render;
-export default __script;
-__script.__hmrId = "75d252c3";
-
-__VUE_HMR_RUNTIME__.createRecord("75d252c3", __script);
-
-import.meta.hot.accept(({
-                          default: __default
-                        }) => {
-  __VUE_HMR_RUNTIME__.reload("75d252c3", __default);
-});