cnhis-design-vue 3.1.14-beta.5 → 3.1.14-beta.7.1

package/es/packages/field-set/src/FieldSet.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, Fragment, createCommentVNode, createBlock, normalizeProps, mergeProps } from 'vue';
+import { defineComponent, ref, openBlock, createBlock, resolveDynamicComponent, mergeProps, createSlots, renderList, withCtx, renderSlot } from 'vue';
 import './OldFieldSet.js';
 import './NewFieldSet.js';
 import script$1 from './OldFieldSet.vue_vue_type_script_setup_true_lang.js';
@@ -7,14 +7,25 @@ import script$2 from './NewFieldSet.vue_vue_type_script_setup_true_lang.js';
 var script = /* @__PURE__ */ defineComponent({
   __name: "FieldSet",
   props: {
-    type: { type: String, required: false, default: "old" }
+    type: { type: String, default: "old" }
   },
-  setup(__props) {
+  setup(__props, { expose }) {
+    const asyncInstance = ref();
+    expose({ asyncInstance });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment, null, [
-        createCommentVNode(' <component :is="currentComp"></component> '),
-        __props.type == "old" ? (openBlock(), createBlock(script$1, normalizeProps(mergeProps({ key: 0 }, _ctx.$attrs)), null, 16)) : (openBlock(), createBlock(script$2, normalizeProps(mergeProps({ key: 1 }, _ctx.$attrs)), null, 16))
-      ], 2112);
+      return openBlock(), createBlock(resolveDynamicComponent(__props.type == "old" ? script$1 : script$2), mergeProps({
+        ref_key: "asyncInstance",
+        ref: asyncInstance
+      }, _ctx.$attrs), createSlots({ _: 2 }, [
+        renderList(_ctx.$slots, (slot, slotName) => {
+          return {
+            name: slotName,
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, slotName)
+            ])
+          };
+        })
+      ]), 1040);
     };
   }
 });

package/es/packages/field-set/src/NewFieldSet.vue.d.ts

@@ -66,6 +66,7 @@ declare const _default: import("vue").DefineComponent<{
     isMiddleAndAdmin: import("vue").ComputedRef<boolean>;
     showCheckBox: (key: string) => boolean;
     hideTab: () => void;
+    getTableFields: () => Ifields[];
     handleFieldSave: () => void;
     onCancle: () => void;
     calculateCheck: (key: string) => boolean;

package/es/packages/field-set/src/NewFieldSet.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, reactive, onMounted, computed, openBlock, createElementBlock, createVNode, unref, withCtx, createElementVNode, normalizeClass, createCommentVNode, createBlock, renderSlot, normalizeStyle, toDisplayString, withDirectives, vShow, vModelSelect, vModelText, createTextVNode } from 'vue';
+import { defineComponent, ref, reactive, onMounted, computed, openBlock, createElementBlock, createVNode, unref, withCtx, createElementVNode, normalizeClass, createCommentVNode, createBlock, normalizeStyle, toDisplayString, withDirectives, vShow, vModelSelect, vModelText, renderSlot, createTextVNode } from 'vue';
 import { NSpin, NCheckbox, NTooltip, NButton } from 'naive-ui';
 import Draggable from 'vuedraggable';
 
@@ -70,7 +70,7 @@ var script = /* @__PURE__ */ defineComponent({
     }
   },
   emits: ["onSave", "onClose"],
-  setup(__props, { emit }) {
+  setup(__props, { expose, emit }) {
     const props = __props;
     const settingView = ref(null);
     const state = reactive({
@@ -101,8 +101,11 @@ var script = /* @__PURE__ */ defineComponent({
         (_b = settingView.value) == null ? void 0 : _b.style.setProperty("margin", "auto");
       }
     };
+    const getTableFields = () => {
+      return state.fields;
+    };
     const handleFieldSave = () => {
-      emit("onSave", { tableFields: state.fields });
+      emit("onSave", { tableFields: getTableFields() });
     };
     const onCancle = () => {
       emit("onClose");
@@ -129,6 +132,9 @@ var script = /* @__PURE__ */ defineComponent({
     const handleFieldClick = (item) => {
       state.clickItem = item;
     };
+    expose({
+      getTableFields
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         ref_key: "settingView",
@@ -169,10 +175,8 @@ var script = /* @__PURE__ */ defineComponent({
                   ]),
                   createCommentVNode(" \u56FA\u5B9A "),
                   _hoisted_9,
-                  renderSlot(_ctx.$slots, "default", {}, () => [
-                    createCommentVNode(" \u81EA\u5B9A\u4E49\u6807\u9898 "),
-                    _hoisted_10
-                  ]),
+                  createCommentVNode(" \u81EA\u5B9A\u4E49\u6807\u9898 "),
+                  _hoisted_10,
                   createCommentVNode(" \u5217\u5BBD "),
                   _hoisted_11
                 ], 2),
@@ -238,16 +242,14 @@ var script = /* @__PURE__ */ defineComponent({
                             [vModelSelect, element.fixedWay]
                           ])
                         ]),
-                        renderSlot(_ctx.$slots, "default", {}, () => [
-                          createCommentVNode(" \u81EA\u5B9A\u4E49\u6807\u9898 "),
-                          createElementVNode("span", _hoisted_25, [
-                            withDirectives(createElementVNode("input", {
-                              "onUpdate:modelValue": ($event) => element.alias = $event,
-                              class: "alias-style"
-                            }, null, 8, _hoisted_26), [
-                              [vShow, element.id != "0001"],
-                              [vModelText, element.alias]
-                            ])
+                        createCommentVNode(" \u81EA\u5B9A\u4E49\u6807\u9898 "),
+                        createElementVNode("span", _hoisted_25, [
+                          withDirectives(createElementVNode("input", {
+                            "onUpdate:modelValue": ($event) => element.alias = $event,
+                            class: "alias-style"
+                          }, null, 8, _hoisted_26), [
+                            [vShow, element.id != "0001"],
+                            [vModelText, element.alias]
                           ])
                         ]),
                         createCommentVNode(" \u5217\u5BBD "),
@@ -261,30 +263,32 @@ var script = /* @__PURE__ */ defineComponent({
                         ])
                       ], 12, _hoisted_12)
                     ]),
-                    _: 3
+                    _: 1
                   }, 8, ["list"])
                 ], 2)
               ]),
               props.footerFlag ? (openBlock(), createElementBlock("div", _hoisted_29, [
                 createElementVNode("div", _hoisted_30, [
-                  createVNode(unref(NButton), {
-                    style: { "margin-right": "8px" },
-                    onClick: onCancle
-                  }, {
-                    default: withCtx(() => [
-                      _hoisted_31
-                    ]),
-                    _: 1
-                  }),
-                  createVNode(unref(NButton), {
-                    type: "primary",
-                    onClick: handleFieldSave
-                  }, {
-                    default: withCtx(() => [
-                      _hoisted_32
-                    ]),
-                    _: 1
-                  })
+                  renderSlot(_ctx.$slots, "footer", {}, () => [
+                    createVNode(unref(NButton), {
+                      style: { "margin-right": "8px" },
+                      onClick: onCancle
+                    }, {
+                      default: withCtx(() => [
+                        _hoisted_31
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(unref(NButton), {
+                      type: "primary",
+                      onClick: handleFieldSave
+                    }, {
+                      default: withCtx(() => [
+                        _hoisted_32
+                      ]),
+                      _: 1
+                    })
+                  ])
                 ])
               ])) : createCommentVNode("v-if", true)
             ])

package/es/packages/field-set/src/OldFieldSet.vue.d.ts

@@ -10,6 +10,16 @@ declare type Ifields = {
     colWidth: number;
     [key: string]: any;
 };
+declare type ItableFields = {
+    id: string;
+    field: string;
+    visible: boolean;
+    sequence: number;
+    sortable: boolean;
+    title: string;
+    fixed: string;
+    minWidth: number;
+}[];
 declare type Istate = {
     spinning: boolean;
     isCustomSearch: boolean;
@@ -66,11 +76,11 @@ declare const _default: import("vue").DefineComponent<{
     isMiddleAndAdmin: import("vue").ComputedRef<boolean>;
     showCheckBox: (key: string) => boolean;
     hideTab: () => void;
+    getTableFields: () => ItableFields;
     handleFieldSave: () => void;
     onCancle: () => void;
     onChangeShow: (e: boolean, ele: Ifields) => void;
     onChangeSort: (e: boolean, ele: Ifields) => void;
-    onButtonChecked: (e: boolean, itemButton: Ifields) => void;
     calculateCheck: (key: string) => boolean;
     handleAllCheck: (e: boolean, key: string) => void;
     handleFieldClick: (item: Ifields) => void;

package/es/packages/field-set/src/OldFieldSet.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, reactive, onMounted, computed, openBlock, createElementBlock, createVNode, unref, withCtx, createElementVNode, normalizeClass, createCommentVNode, createBlock, renderSlot, normalizeStyle, toDisplayString, withDirectives, vShow, vModelSelect, vModelText, createTextVNode } from 'vue';
+import { defineComponent, ref, reactive, onMounted, computed, openBlock, createElementBlock, createVNode, unref, withCtx, createElementVNode, normalizeClass, createCommentVNode, createBlock, normalizeStyle, toDisplayString, withDirectives, vShow, vModelSelect, vModelText, renderSlot, createTextVNode } from 'vue';
 import { NSpin, NCheckbox, NTooltip, NButton } from 'naive-ui';
 import Draggable from 'vuedraggable';
 
@@ -70,7 +70,7 @@ var script = /* @__PURE__ */ defineComponent({
     }
   },
   emits: ["onSave", "onClose"],
-  setup(__props, { emit }) {
+  setup(__props, { expose, emit }) {
     const props = __props;
     const settingView = ref(null);
     const state = reactive({
@@ -101,7 +101,7 @@ var script = /* @__PURE__ */ defineComponent({
         (_b = settingView.value) == null ? void 0 : _b.style.setProperty("margin", "auto");
       }
     };
-    const handleFieldSave = () => {
+    const getTableFields = () => {
       let tableFields = [];
       if (state.fields.length > 0) {
         state.fields.forEach((item, i) => {
@@ -117,6 +117,10 @@ var script = /* @__PURE__ */ defineComponent({
           });
         });
       }
+      return tableFields;
+    };
+    const handleFieldSave = () => {
+      const tableFields = getTableFields();
       emit("onSave", { tableFields });
     };
     const onCancle = () => {
@@ -158,6 +162,9 @@ var script = /* @__PURE__ */ defineComponent({
     const handleFieldClick = (item) => {
       state.clickItem = item;
     };
+    expose({
+      getTableFields
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         ref_key: "settingView",
@@ -198,10 +205,8 @@ var script = /* @__PURE__ */ defineComponent({
                   ]),
                   createCommentVNode(" \u56FA\u5B9A "),
                   _hoisted_9,
-                  renderSlot(_ctx.$slots, "default", {}, () => [
-                    createCommentVNode(" \u81EA\u5B9A\u4E49\u6807\u9898 "),
-                    _hoisted_10
-                  ]),
+                  createCommentVNode(" \u81EA\u5B9A\u4E49\u6807\u9898 "),
+                  _hoisted_10,
                   createCommentVNode(" \u5217\u5BBD "),
                   _hoisted_11
                 ], 2),
@@ -269,16 +274,14 @@ var script = /* @__PURE__ */ defineComponent({
                             [vModelSelect, element.isFixed]
                           ])
                         ]),
-                        renderSlot(_ctx.$slots, "default", {}, () => [
-                          createCommentVNode(" \u81EA\u5B9A\u4E49\u6807\u9898 "),
-                          createElementVNode("span", _hoisted_25, [
-                            withDirectives(createElementVNode("input", {
-                              "onUpdate:modelValue": ($event) => element.alias = $event,
-                              class: "alias-style"
-                            }, null, 8, _hoisted_26), [
-                              [vShow, element.sid != "0001"],
-                              [vModelText, element.alias]
-                            ])
+                        createCommentVNode(" \u81EA\u5B9A\u4E49\u6807\u9898 "),
+                        createElementVNode("span", _hoisted_25, [
+                          withDirectives(createElementVNode("input", {
+                            "onUpdate:modelValue": ($event) => element.alias = $event,
+                            class: "alias-style"
+                          }, null, 8, _hoisted_26), [
+                            [vShow, element.sid != "0001"],
+                            [vModelText, element.alias]
                           ])
                         ]),
                         createCommentVNode(" \u5217\u5BBD "),
@@ -292,30 +295,32 @@ var script = /* @__PURE__ */ defineComponent({
                         ])
                       ], 12, _hoisted_12)
                     ]),
-                    _: 3
+                    _: 1
                   }, 8, ["list"])
                 ], 2)
               ]),
               props.footerFlag ? (openBlock(), createElementBlock("div", _hoisted_29, [
                 createElementVNode("div", _hoisted_30, [
-                  createVNode(unref(NButton), {
-                    style: { "margin-right": "8px" },
-                    onClick: onCancle
-                  }, {
-                    default: withCtx(() => [
-                      _hoisted_31
-                    ]),
-                    _: 1
-                  }),
-                  createVNode(unref(NButton), {
-                    type: "primary",
-                    onClick: handleFieldSave
-                  }, {
-                    default: withCtx(() => [
-                      _hoisted_32
-                    ]),
-                    _: 1
-                  })
+                  renderSlot(_ctx.$slots, "footer", {}, () => [
+                    createVNode(unref(NButton), {
+                      style: { "margin-right": "8px" },
+                      onClick: onCancle
+                    }, {
+                      default: withCtx(() => [
+                        _hoisted_31
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(unref(NButton), {
+                      type: "primary",
+                      onClick: handleFieldSave
+                    }, {
+                      default: withCtx(() => [
+                        _hoisted_32
+                      ]),
+                      _: 1
+                    })
+                  ])
                 ])
               ])) : createCommentVNode("v-if", true)
             ])

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

@@ -409,7 +409,7 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{
     }[]>;
     formHeight: import("vue").ComputedRef<any>;
     scrollTo: (id: string) => Promise<void>;
-    onScroll: () => Promise<void>;
+    onScroll: () => void;
     bindInfo: (info: import("../../../es/src/types").AnyObject) => import("../../../es/src/types").AnyObject;
     queryWidget: (key: string, wrapperElement: HTMLElement, fieldList: import("./src/types").FieldItem[]) => Promise<{
         widgetElement: HTMLInputElement | null | undefined;

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

@@ -409,7 +409,7 @@ declare const _default: import("vue").DefineComponent<{
     }[]>;
     formHeight: import("vue").ComputedRef<any>;
     scrollTo: (id: string) => Promise<void>;
-    onScroll: () => Promise<void>;
+    onScroll: () => void;
     bindInfo: (info: AnyObject) => AnyObject;
     queryWidget: (key: string, wrapperElement: HTMLElement, fieldList: FieldItem[]) => Promise<{
         widgetElement: HTMLInputElement | null | undefined;

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

@@ -1,9 +1,9 @@
-import { defineComponent, inject, computed, ref, createVNode } from 'vue';
+import { defineComponent, inject, computed, createVNode } from 'vue';
 import { isVoidField } from '@formily/core';
 import { connect, mapProps } from '@formily/vue';
-import { FileTrayFull, FileTray } from '@vicons/ionicons5';
 import { isBoolean } from 'lodash-es';
-import { NFormItem, NPopover, NIcon, NInput } from 'naive-ui';
+import { NFormItem } from 'naive-ui';
+import AnnotationEdit from '../../../../../packages/annotation-edit';
 import { InjectionAnnotation } from '../../../../../packages/form-render/src/constants';
 
 const script = defineComponent({
@@ -27,96 +27,12 @@ const script = defineComponent({
         };
       }
     });
-    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": "-5"
-        },
-        "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", {
-          "class": "form-render__formItemLabel--icon",
-          "onMouseleave": iconMouseleave,
-          "onMouseenter": iconMouseenter,
-          "onDblclick": iconDbClick,
-          "onClick": iconClick
-        }, [createVNode(NIcon, {
-          "component": annotationContent.value ? FileTrayFull : FileTray
-        }, null)]);
-      }
+      return createVNode(AnnotationEdit, {
+        "class": "form-render__formItemLabel--annotation",
+        "modelValue": annotationContent.value,
+        "onUpdate:modelValue": ($event) => annotationContent.value = $event
+      }, null);
     }
     const showAnnotation = computed(() => {
       return annotation.value && (!isBoolean(props.annotation) || props.annotation);

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

@@ -3,7 +3,7 @@ import { ISchema } from '@formily/json-schema/esm/types';
 import { FormItemDepsCollector } from '../../../../../es/packages/form-render';
 export declare function useAnchor(props: Readonly<AnyObject>, collector: FormItemDepsCollector): {
     currentAnchor: import("vue").WritableComputedRef<string>;
-    onScroll: () => Promise<void>;
+    onScroll: () => void;
     formHeight: import("vue").ComputedRef<any>;
     anchorIdList: import("vue").Ref<{
         name: string;

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

@@ -3,7 +3,7 @@ import { useDebounceFn } from '@vueuse/core';
 import { isNumber } from 'lodash-es';
 import { ref, computed, watch, nextTick } from 'vue';
 import { FormItemLineBarDepKeyPrepend } from '../../../../packages/form-render/src/constants';
-import { traverseSchema, createLinebarId } from '../../../../packages/form-render/src/utils';
+import { createLinebarId, traverseSchema } from '../../../../packages/form-render/src/utils';
 
 function useAnchor(props, collector) {
   const __currentAnchor = ref("");
@@ -44,13 +44,13 @@ function useAnchor(props, collector) {
       scrollLock = false;
     }
   }
-  const onScroll = useDebounceFn(async function() {
+  const onScroll = useDebounceFn(function() {
     var _a;
     if (scrollLock || !scrollbarRef.value)
       return;
     const { scrollTop, clientHeight } = scrollbarRef.value;
     const result = anchorIdList.value.find((anchor) => {
-      const node = scrollbarRef.value.querySelector(`#${anchor.name}`);
+      const node = scrollbarRef.value.querySelector(`#${createLinebarId(anchor.name)}`);
       if (!node)
         return;
       return node.offsetTop >= scrollTop || node.offsetTop < scrollTop && node.clientHeight + node.offsetTop > scrollTop + clientHeight;

package/es/packages/form-render/src/types/fieldItem.d.ts

@@ -69,7 +69,7 @@ export declare type FieldItem = {
         nameKey: string;
         valueKey: string;
     }>;
-    suffixConfig: FieldItem[];
+    suffixConfig: FieldItem[] | FieldItem;
     fieldType: 'string' | 'object' | 'array' | 'number' | 'void' | 'boolean' | 'datetime';
     content: string | FormRenderer | Record<string, FormRenderer>;
     properties: FieldItem[];

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

@@ -1,3 +1,18 @@
+.annotation-edit {
+  cursor: pointer;
+  color: #0067ee;
+  font-size: 16px;
+  user-select: none;
+  display: inline-flex;
+  align-items: center;
+}
+.annotation-edit.is-active {
+  color: rgba(255, 152, 40);
+}
+.annotation-edit__icon {
+  display: inline-flex;
+  align-items: center;
+}
 .form-render__wrapper {
   display: grid !important;
   grid-template-columns: repeat(var(--column), minmax(0px, 1fr));
@@ -21,24 +36,11 @@
 .form-render__formItemLabel--text.has-annotation {
   margin-right: 15px;
 }
-.form-render__formItemLabel--icon {
-  display: inline-flex;
-  align-items: center;
-}
 .form-render__formItemLabel--annotation {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   right: calc(var(--icon-right) * 1px);
-  cursor: pointer;
-  color: #0067ee;
-  font-size: 16px;
-  user-select: none;
-  display: inline-flex;
-  align-items: center;
-}
-.form-render__formItemLabel--annotation.is-active {
-  color: rgba(255, 152, 40);
 }
 .form-render__linebar {
   grid-column: span var(--column) / span var(--column);
@@ -132,9 +134,9 @@
 .form-render .n-form-item-label {
   display: inline-flex;
 }
-.form-render .n-form-item-label [form-item-hover-show='true'] {
+.form-render .n-form-item-label [annotation-hover-show='true'] {
   visibility: hidden;
 }
-.form-render .n-form-item-label:hover [form-item-hover-show='true'] {
+.form-render .n-form-item-label:hover [annotation-hover-show='true'] {
   visibility: visible;
 }

package/es/packages/index.css

@@ -2646,6 +2646,21 @@ body > .vxe-table--tooltip-wrapper {
   font-size: 14px;
   text-decoration: none !important;
 }
+.annotation-edit {
+  cursor: pointer;
+  color: #0067ee;
+  font-size: 16px;
+  user-select: none;
+  display: inline-flex;
+  align-items: center;
+}
+.annotation-edit.is-active {
+  color: rgba(255, 152, 40);
+}
+.annotation-edit__icon {
+  display: inline-flex;
+  align-items: center;
+}
 .form-render__wrapper {
   display: grid !important;
   grid-template-columns: repeat(var(--column), minmax(0px, 1fr));
@@ -2669,24 +2684,11 @@ body > .vxe-table--tooltip-wrapper {
 .form-render__formItemLabel--text.has-annotation {
   margin-right: 15px;
 }
-.form-render__formItemLabel--icon {
-  display: inline-flex;
-  align-items: center;
-}
 .form-render__formItemLabel--annotation {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   right: calc(var(--icon-right) * 1px);
-  cursor: pointer;
-  color: #0067ee;
-  font-size: 16px;
-  user-select: none;
-  display: inline-flex;
-  align-items: center;
-}
-.form-render__formItemLabel--annotation.is-active {
-  color: rgba(255, 152, 40);
 }
 .form-render__linebar {
   grid-column: span var(--column) / span var(--column);
@@ -2780,10 +2782,10 @@ body > .vxe-table--tooltip-wrapper {
 .form-render .n-form-item-label {
   display: inline-flex;
 }
-.form-render .n-form-item-label [form-item-hover-show='true'] {
+.form-render .n-form-item-label [annotation-hover-show='true'] {
   visibility: hidden;
 }
-.form-render .n-form-item-label:hover [form-item-hover-show='true'] {
+.form-render .n-form-item-label:hover [annotation-hover-show='true'] {
   visibility: visible;
 }
 .c-fabric-chart-popup-tip,

package/es/packages/index.d.ts

@@ -22,6 +22,7 @@ import CShortcutSetter from './shortcut-setter';
 export * from './form-render';
 export * from './shortcut-provider';
 export * from './big-table';
+export * from './button-print';
 declare function install(app: App): void;
 export { CGrid, CBigTable, CFieldSet, CDragLayout, CButtonPrint, CSelectPerson, CSelectLabel, CLabelFormContent, CScaleView, CMap, CVodChunkUpload, CRadio, CCheckbox, CSelect, CDatetime, CFormTable, CInfoHeader, CTimeLine, CBpmnWorkflow, CStepsWheel, Editor, CFormRender, CFabricChart, CShortcutProvider, CShortcutSetter };
 declare const _default: {

package/es/packages/index.js

@@ -55,6 +55,7 @@ export { useFormContext } from './form-render/src/hooks/useFormContext.js';
 export { ShortcutManager, useShortcuts } from './shortcut-provider/src/hooks/useShortcuts.js';
 export { useShortcutSignature } from './shortcut-provider/src/hooks/useShortcutSignature.js';
 export { useColumnConfigAdaptor } from './big-table/src/hooks/useColumnConfigAdaptor.js';
+export { Print } from './button-print/src/utils/print.js';
 
 const components = {
   CGrid: Grid,