yc-pro-components 0.0.82 → 0.0.84

package/es/components/form-item/src/index.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, inject, unref, watch, openBlock, createBlock, mergeProps, createSlots, withCtx, createElementBlock, createCommentVNode, renderSlot, Fragment, renderList, resolveDynamicComponent, normalizeProps, createTextVNode, toDisplayString, guardReactiveProps, createElementVNode, createVNode } from 'vue';
+import { defineComponent, ref, computed, watch, nextTick, onBeforeUnmount, inject, unref, openBlock, createBlock, mergeProps, createSlots, withCtx, createElementVNode, createElementBlock, createCommentVNode, renderSlot, Fragment, renderList, resolveDynamicComponent, normalizeProps, createTextVNode, toDisplayString, guardReactiveProps, createVNode } from 'vue';
 import { getLabel, getCustomProps, getFieldSlotName, getLabelSlotName, getTooltip, versionIsLessThan260 } from '../../utils/index.mjs';
 import { QuestionFilled } from '@element-plus/icons-vue';
 import { useGetOptions } from '../../../hooks/useGetOptions.mjs';
@@ -8,6 +8,7 @@ import 'sortablejs';
 import { PlusRender } from '../../render/index.mjs';
 import { ElText, ElDivider, ElFormItem, ElTooltip, ElIcon, ElInput, ElSelect, ElOption, ElOptionGroup } from 'element-plus';
 import { getFieldComponent, hasFieldComponent } from './form-item.mjs';
+import { findPlaceholderOverflow } from './overflow-tooltip.mjs';
 import { isFunction, isArray, isDate } from '../../utils/is.mjs';
 
 const _hoisted_1 = { class: "el-form-item__error" };
@@ -20,6 +21,7 @@ const _hoisted_4 = {
   key: 1,
   class: "plus-form-item-field"
 };
+const TOOLTIP_SHOW_DELAY = 300;
 var _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "PlusFormItem"
@@ -66,6 +68,85 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const customFieldPropsIsReady = ref(false);
     const valueIsReady = ref(false);
     const labelValue = computed(() => getLabel(props.label));
+    const labelTextRef = ref();
+    const labelOverflow = ref(false);
+    const labelTooltipContent = ref("");
+    const labelTooltipVisible = ref(false);
+    const placeholderTooltipVisible = ref(false);
+    const placeholderTooltipContent = ref("");
+    const placeholderVirtualRef = ref();
+    let labelTooltipTimer = null;
+    let placeholderTooltipTimer = null;
+    const syncLabelOverflow = () => {
+      const el = labelTextRef.value;
+      if (!el) {
+        labelOverflow.value = false;
+        labelTooltipContent.value = "";
+        return;
+      }
+      labelTooltipContent.value = (el.textContent || "").trim();
+      labelOverflow.value = el.scrollWidth > el.clientWidth + 1;
+    };
+    const showLabelTooltip = () => {
+      syncLabelOverflow();
+      if (labelTooltipTimer) clearTimeout(labelTooltipTimer);
+      if (!labelOverflow.value || !labelTooltipContent.value) {
+        labelTooltipVisible.value = false;
+        return;
+      }
+      if (labelTooltipVisible.value) return;
+      labelTooltipTimer = setTimeout(() => {
+        labelTooltipVisible.value = true;
+        labelTooltipTimer = null;
+      }, TOOLTIP_SHOW_DELAY);
+    };
+    const hideLabelTooltip = () => {
+      if (labelTooltipTimer) clearTimeout(labelTooltipTimer);
+      labelTooltipTimer = null;
+      labelTooltipVisible.value = false;
+    };
+    const hidePlaceholderTooltip = () => {
+      if (placeholderTooltipTimer) clearTimeout(placeholderTooltipTimer);
+      placeholderTooltipTimer = null;
+      placeholderTooltipVisible.value = false;
+      placeholderTooltipContent.value = "";
+    };
+    const handlePlaceholderHover = (event) => {
+      const root = event.currentTarget;
+      if (!(root instanceof HTMLElement)) return;
+      const hit = findPlaceholderOverflow(root, event.target, {
+        x: event.clientX,
+        y: event.clientY
+      });
+      if (!hit) {
+        hidePlaceholderTooltip();
+        return;
+      }
+      const sameTarget = placeholderTooltipContent.value === hit.text && placeholderVirtualRef.value === hit.el;
+      if (sameTarget && (placeholderTooltipVisible.value || placeholderTooltipTimer)) return;
+      if (placeholderTooltipTimer) clearTimeout(placeholderTooltipTimer);
+      placeholderTooltipVisible.value = false;
+      placeholderVirtualRef.value = hit.el;
+      placeholderTooltipContent.value = hit.text;
+      placeholderTooltipTimer = setTimeout(() => {
+        placeholderTooltipVisible.value = true;
+        placeholderTooltipTimer = null;
+      }, TOOLTIP_SHOW_DELAY);
+    };
+    watch(labelTextRef, (el, _, onCleanup) => {
+      syncLabelOverflow();
+      if (!el || typeof ResizeObserver === "undefined") return;
+      const observer = new ResizeObserver(() => syncLabelOverflow());
+      observer.observe(el);
+      onCleanup(() => observer.disconnect());
+    });
+    watch(labelValue, () => {
+      nextTick(syncLabelOverflow);
+    });
+    onBeforeUnmount(() => {
+      if (labelTooltipTimer) clearTimeout(labelTooltipTimer);
+      if (placeholderTooltipTimer) clearTimeout(placeholderTooltipTimer);
+    });
     const formFieldRefs = inject(TableFormFieldRefInjectionKey, {});
     const tableRowInfo = inject(TableFormRowInfoInjectionKey, {});
     const params = computed(() => ({
@@ -234,212 +315,143 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         "label-width": _ctx.hasLabel ? (_a = customFormItemProps.value) == null ? void 0 : _a.labelWidth : "0px"
       }), createSlots({
         default: withCtx(() => [
-          _ctx.renderField && unref(isFunction)(_ctx.renderField) ? (openBlock(), createElementBlock("div", _hoisted_3, [
-            valueIsReady.value ? (openBlock(), createBlock(unref(PlusRender), {
-              key: 0,
-              render: _ctx.renderField,
-              params: params.value,
-              "callback-value": state.value,
-              "custom-field-props": customFieldProps.value,
-              "render-type": "form",
-              "handle-change": handleChange
-            }, null, 8, ["render", "params", "callback-value", "custom-field-props"])) : createCommentVNode("v-if", true)
-          ])) : _ctx.$slots[unref(getFieldSlotName)(_ctx.prop)] ? (openBlock(), createElementBlock("div", _hoisted_4, [
-            renderSlot(_ctx.$slots, unref(getFieldSlotName)(_ctx.prop), mergeProps(params.value, { column: props }))
-          ])) : _ctx.valueType === "select" && customFieldProps.value.multiple === true ? (openBlock(), createBlock(unref(ElSelect$1), mergeProps({
-            key: 2,
-            ref_key: "fieldInstance",
-            ref: fieldInstance,
-            modelValue: state.value,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => state.value = $event),
-            placeholder: unref(t)("plus.field.pleaseSelect") + labelValue.value,
-            class: "plus-form-item-field",
-            clearable: _ctx.clearable
-          }, customFieldProps.value, { "onUpdate:modelValue": handleChange }), createSlots({
-            default: withCtx(() => [
-              (openBlock(true), createElementBlock(
-                Fragment,
-                null,
-                renderList(unref(customOptions), (item) => {
-                  return openBlock(), createElementBlock(
-                    Fragment,
-                    {
-                      key: item.value
-                    },
-                    [
-                      item.options ? (openBlock(), createBlock(unref(ElOptionGroup$1), {
-                        key: 0,
-                        label: item.label,
-                        disabled: item.disabled
-                      }, {
-                        default: withCtx(() => [
-                          (openBlock(true), createElementBlock(
-                            Fragment,
-                            null,
-                            renderList(item.options, (option) => {
-                              return openBlock(), createBlock(unref(ElOption$1), mergeProps(
-                                {
-                                  key: option.value,
-                                  label: option.label,
-                                  value: option.value
-                                },
-                                unref(isFunction)(option.fieldItemProps) ? option.fieldItemProps(option) : option.fieldItemProps
-                              ), {
-                                default: withCtx(() => [
-                                  unref(isFunction)(option.fieldSlot) ? (openBlock(), createBlock(
-                                    resolveDynamicComponent(option.fieldSlot),
-                                    normalizeProps(mergeProps({ key: 0 }, option)),
-                                    null,
-                                    16
-                                    /* FULL_PROPS */
-                                  )) : unref(isFunction)(_ctx.fieldChildrenSlot) ? (openBlock(), createBlock(
-                                    resolveDynamicComponent(_ctx.fieldChildrenSlot),
-                                    normalizeProps(mergeProps({ key: 1 }, option)),
-                                    null,
-                                    16
-                                    /* FULL_PROPS */
-                                  )) : (openBlock(), createElementBlock(
-                                    Fragment,
-                                    { key: 2 },
-                                    [
-                                      createTextVNode(
-                                        toDisplayString(option.label),
-                                        1
-                                        /* TEXT */
-                                      )
-                                    ],
-                                    64
-                                    /* STABLE_FRAGMENT */
-                                  ))
-                                ]),
-                                _: 2
-                                /* DYNAMIC */
-                              }, 1040, ["label", "value"]);
-                            }),
-                            128
-                            /* KEYED_FRAGMENT */
-                          ))
-                        ]),
-                        _: 2
-                        /* DYNAMIC */
-                      }, 1032, ["label", "disabled"])) : (openBlock(), createBlock(unref(ElOption$1), mergeProps(
-                        {
-                          key: 1,
-                          label: item.label,
-                          value: item.value
-                        },
-                        unref(isFunction)(item.fieldItemProps) ? item.fieldItemProps(item) : item.fieldItemProps
-                      ), {
-                        default: withCtx(() => [
-                          unref(isFunction)(item.fieldSlot) ? (openBlock(), createBlock(
-                            resolveDynamicComponent(item.fieldSlot),
-                            normalizeProps(mergeProps({ key: 0 }, item)),
-                            null,
-                            16
-                            /* FULL_PROPS */
-                          )) : unref(isFunction)(_ctx.fieldChildrenSlot) ? (openBlock(), createBlock(
-                            resolveDynamicComponent(_ctx.fieldChildrenSlot),
-                            normalizeProps(mergeProps({ key: 1 }, item)),
-                            null,
-                            16
-                            /* FULL_PROPS */
-                          )) : (openBlock(), createElementBlock(
-                            Fragment,
-                            { key: 2 },
-                            [
-                              createTextVNode(
-                                toDisplayString(item.label),
-                                1
-                                /* TEXT */
-                              )
-                            ],
-                            64
-                            /* STABLE_FRAGMENT */
-                          ))
-                        ]),
-                        _: 2
-                        /* DYNAMIC */
-                      }, 1040, ["label", "value"]))
-                    ],
-                    64
-                    /* STABLE_FRAGMENT */
-                  );
-                }),
-                128
-                /* KEYED_FRAGMENT */
-              ))
-            ]),
-            _: 2
-            /* DYNAMIC */
-          }, [
-            renderList(_ctx.fieldSlots, (fieldSlot, key) => {
-              return {
-                name: key,
-                fn: withCtx((data) => [
-                  (openBlock(), createBlock(
-                    resolveDynamicComponent(fieldSlot),
-                    normalizeProps(guardReactiveProps(data)),
-                    null,
-                    16
-                    /* FULL_PROPS */
-                  ))
-                ])
-              };
-            })
-          ]), 1040, ["modelValue", "placeholder", "clearable"])) : unref(hasFieldComponent)(_ctx.valueType) ? (openBlock(), createElementBlock(
-            Fragment,
-            { key: 3 },
+          createElementVNode(
+            "div",
+            {
+              class: "plus-form-item__control",
+              onMouseover: handlePlaceholderHover,
+              onMouseleave: hidePlaceholderTooltip
+            },
             [
-              createCommentVNode(" \u7EDF\u4E00\u5904\u7406 "),
-              createCommentVNode(" has-children  "),
-              unref(getFieldComponent)(_ctx.valueType).children ? (openBlock(), createBlock(resolveDynamicComponent(unref(getFieldComponent)(_ctx.valueType).component), mergeProps({
-                key: 0,
+              _ctx.renderField && unref(isFunction)(_ctx.renderField) ? (openBlock(), createElementBlock("div", _hoisted_3, [
+                valueIsReady.value ? (openBlock(), createBlock(unref(PlusRender), {
+                  key: 0,
+                  render: _ctx.renderField,
+                  params: params.value,
+                  "callback-value": state.value,
+                  "custom-field-props": customFieldProps.value,
+                  "render-type": "form",
+                  "handle-change": handleChange
+                }, null, 8, ["render", "params", "callback-value", "custom-field-props"])) : createCommentVNode("v-if", true)
+              ])) : _ctx.$slots[unref(getFieldSlotName)(_ctx.prop)] ? (openBlock(), createElementBlock("div", _hoisted_4, [
+                renderSlot(_ctx.$slots, unref(getFieldSlotName)(_ctx.prop), mergeProps(params.value, { column: props }))
+              ])) : _ctx.valueType === "select" && customFieldProps.value.multiple === true ? (openBlock(), createBlock(unref(ElSelect$1), mergeProps({
+                key: 2,
                 ref_key: "fieldInstance",
                 ref: fieldInstance,
                 modelValue: state.value,
                 "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => state.value = $event),
+                placeholder: unref(t)("plus.field.pleaseSelect") + labelValue.value,
                 class: "plus-form-item-field",
                 clearable: _ctx.clearable
-              }, commonProps.value, { "onUpdate:modelValue": handleChange }), createSlots({
+              }, customFieldProps.value, { "onUpdate:modelValue": handleChange }), createSlots({
                 default: withCtx(() => [
                   (openBlock(true), createElementBlock(
                     Fragment,
                     null,
                     renderList(unref(customOptions), (item) => {
-                      return openBlock(), createBlock(
-                        resolveDynamicComponent(unref(getFieldComponent)(_ctx.valueType).children),
-                        mergeProps({
-                          key: item.value
-                        }, getChildrenProps(item)),
+                      return openBlock(), createElementBlock(
+                        Fragment,
                         {
-                          default: withCtx(() => [
-                            unref(isFunction)(item.fieldSlot) ? (openBlock(), createBlock(resolveDynamicComponent(item.fieldSlot), mergeProps({
-                              key: 0,
-                              "model-value": state.value,
-                              column: params.value
-                            }, item), null, 16, ["model-value", "column"])) : unref(isFunction)(_ctx.fieldChildrenSlot) ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.fieldChildrenSlot), mergeProps({
-                              key: 1,
-                              "model-value": state.value,
-                              column: params.value
-                            }, item), null, 16, ["model-value", "column"])) : (openBlock(), createElementBlock(
-                              Fragment,
-                              { key: 2 },
-                              [
-                                createTextVNode(
-                                  toDisplayString(item.label),
-                                  1
-                                  /* TEXT */
-                                )
-                              ],
-                              64
-                              /* STABLE_FRAGMENT */
-                            ))
-                          ]),
-                          _: 2
-                          /* DYNAMIC */
+                          key: item.value
                         },
-                        1040
-                        /* FULL_PROPS, DYNAMIC_SLOTS */
+                        [
+                          item.options ? (openBlock(), createBlock(unref(ElOptionGroup$1), {
+                            key: 0,
+                            label: item.label,
+                            disabled: item.disabled
+                          }, {
+                            default: withCtx(() => [
+                              (openBlock(true), createElementBlock(
+                                Fragment,
+                                null,
+                                renderList(item.options, (option) => {
+                                  return openBlock(), createBlock(unref(ElOption$1), mergeProps(
+                                    {
+                                      key: option.value,
+                                      label: option.label,
+                                      value: option.value
+                                    },
+                                    unref(isFunction)(option.fieldItemProps) ? option.fieldItemProps(option) : option.fieldItemProps
+                                  ), {
+                                    default: withCtx(() => [
+                                      unref(isFunction)(option.fieldSlot) ? (openBlock(), createBlock(
+                                        resolveDynamicComponent(option.fieldSlot),
+                                        normalizeProps(mergeProps({ key: 0 }, option)),
+                                        null,
+                                        16
+                                        /* FULL_PROPS */
+                                      )) : unref(isFunction)(_ctx.fieldChildrenSlot) ? (openBlock(), createBlock(
+                                        resolveDynamicComponent(_ctx.fieldChildrenSlot),
+                                        normalizeProps(mergeProps({ key: 1 }, option)),
+                                        null,
+                                        16
+                                        /* FULL_PROPS */
+                                      )) : (openBlock(), createElementBlock(
+                                        Fragment,
+                                        { key: 2 },
+                                        [
+                                          createTextVNode(
+                                            toDisplayString(option.label),
+                                            1
+                                            /* TEXT */
+                                          )
+                                        ],
+                                        64
+                                        /* STABLE_FRAGMENT */
+                                      ))
+                                    ]),
+                                    _: 2
+                                    /* DYNAMIC */
+                                  }, 1040, ["label", "value"]);
+                                }),
+                                128
+                                /* KEYED_FRAGMENT */
+                              ))
+                            ]),
+                            _: 2
+                            /* DYNAMIC */
+                          }, 1032, ["label", "disabled"])) : (openBlock(), createBlock(unref(ElOption$1), mergeProps(
+                            {
+                              key: 1,
+                              label: item.label,
+                              value: item.value
+                            },
+                            unref(isFunction)(item.fieldItemProps) ? item.fieldItemProps(item) : item.fieldItemProps
+                          ), {
+                            default: withCtx(() => [
+                              unref(isFunction)(item.fieldSlot) ? (openBlock(), createBlock(
+                                resolveDynamicComponent(item.fieldSlot),
+                                normalizeProps(mergeProps({ key: 0 }, item)),
+                                null,
+                                16
+                                /* FULL_PROPS */
+                              )) : unref(isFunction)(_ctx.fieldChildrenSlot) ? (openBlock(), createBlock(
+                                resolveDynamicComponent(_ctx.fieldChildrenSlot),
+                                normalizeProps(mergeProps({ key: 1 }, item)),
+                                null,
+                                16
+                                /* FULL_PROPS */
+                              )) : (openBlock(), createElementBlock(
+                                Fragment,
+                                { key: 2 },
+                                [
+                                  createTextVNode(
+                                    toDisplayString(item.label),
+                                    1
+                                    /* TEXT */
+                                  )
+                                ],
+                                64
+                                /* STABLE_FRAGMENT */
+                              ))
+                            ]),
+                            _: 2
+                            /* DYNAMIC */
+                          }, 1040, ["label", "value"]))
+                        ],
+                        64
+                        /* STABLE_FRAGMENT */
                       );
                     }),
                     128
@@ -453,27 +465,76 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                   return {
                     name: key,
                     fn: withCtx((data) => [
-                      (openBlock(), createBlock(resolveDynamicComponent(fieldSlot), mergeProps({
-                        value: state.value,
-                        column: params.value
-                      }, data), null, 16, ["value", "column"]))
+                      (openBlock(), createBlock(
+                        resolveDynamicComponent(fieldSlot),
+                        normalizeProps(guardReactiveProps(data)),
+                        null,
+                        16
+                        /* FULL_PROPS */
+                      ))
                     ])
                   };
                 })
-              ]), 1040, ["modelValue", "clearable"])) : (openBlock(), createElementBlock(
+              ]), 1040, ["modelValue", "placeholder", "clearable"])) : unref(hasFieldComponent)(_ctx.valueType) ? (openBlock(), createElementBlock(
                 Fragment,
-                { key: 1 },
+                { key: 3 },
                 [
-                  createCommentVNode(" no-children  "),
-                  (openBlock(), createBlock(resolveDynamicComponent(unref(getFieldComponent)(_ctx.valueType).component), mergeProps({
+                  createCommentVNode(" \u7EDF\u4E00\u5904\u7406 "),
+                  createCommentVNode(" has-children  "),
+                  unref(getFieldComponent)(_ctx.valueType).children ? (openBlock(), createBlock(resolveDynamicComponent(unref(getFieldComponent)(_ctx.valueType).component), mergeProps({
+                    key: 0,
                     ref_key: "fieldInstance",
                     ref: fieldInstance,
                     modelValue: state.value,
                     "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => state.value = $event),
                     class: "plus-form-item-field",
-                    clearable: _ctx.clearable,
-                    "field-children-slot": _ctx.fieldChildrenSlot
+                    clearable: _ctx.clearable
                   }, commonProps.value, { "onUpdate:modelValue": handleChange }), createSlots({
+                    default: withCtx(() => [
+                      (openBlock(true), createElementBlock(
+                        Fragment,
+                        null,
+                        renderList(unref(customOptions), (item) => {
+                          return openBlock(), createBlock(
+                            resolveDynamicComponent(unref(getFieldComponent)(_ctx.valueType).children),
+                            mergeProps({
+                              key: item.value
+                            }, getChildrenProps(item)),
+                            {
+                              default: withCtx(() => [
+                                unref(isFunction)(item.fieldSlot) ? (openBlock(), createBlock(resolveDynamicComponent(item.fieldSlot), mergeProps({
+                                  key: 0,
+                                  "model-value": state.value,
+                                  column: params.value
+                                }, item), null, 16, ["model-value", "column"])) : unref(isFunction)(_ctx.fieldChildrenSlot) ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.fieldChildrenSlot), mergeProps({
+                                  key: 1,
+                                  "model-value": state.value,
+                                  column: params.value
+                                }, item), null, 16, ["model-value", "column"])) : (openBlock(), createElementBlock(
+                                  Fragment,
+                                  { key: 2 },
+                                  [
+                                    createTextVNode(
+                                      toDisplayString(item.label),
+                                      1
+                                      /* TEXT */
+                                    )
+                                  ],
+                                  64
+                                  /* STABLE_FRAGMENT */
+                                ))
+                              ]),
+                              _: 2
+                              /* DYNAMIC */
+                            },
+                            1040
+                            /* FULL_PROPS, DYNAMIC_SLOTS */
+                          );
+                        }),
+                        128
+                        /* KEYED_FRAGMENT */
+                      ))
+                    ]),
                     _: 2
                     /* DYNAMIC */
                   }, [
@@ -482,88 +543,129 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                         name: key,
                         fn: withCtx((data) => [
                           (openBlock(), createBlock(resolveDynamicComponent(fieldSlot), mergeProps({
-                            "model-value": state.value,
+                            value: state.value,
                             column: params.value
-                          }, data), null, 16, ["model-value", "column"]))
+                          }, data), null, 16, ["value", "column"]))
                         ])
                       };
                     })
-                  ]), 1040, ["modelValue", "clearable", "field-children-slot"]))
+                  ]), 1040, ["modelValue", "clearable"])) : (openBlock(), createElementBlock(
+                    Fragment,
+                    { key: 1 },
+                    [
+                      createCommentVNode(" no-children  "),
+                      (openBlock(), createBlock(resolveDynamicComponent(unref(getFieldComponent)(_ctx.valueType).component), mergeProps({
+                        ref_key: "fieldInstance",
+                        ref: fieldInstance,
+                        modelValue: state.value,
+                        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => state.value = $event),
+                        class: "plus-form-item-field",
+                        clearable: _ctx.clearable,
+                        "field-children-slot": _ctx.fieldChildrenSlot
+                      }, commonProps.value, { "onUpdate:modelValue": handleChange }), createSlots({
+                        _: 2
+                        /* DYNAMIC */
+                      }, [
+                        renderList(_ctx.fieldSlots, (fieldSlot, key) => {
+                          return {
+                            name: key,
+                            fn: withCtx((data) => [
+                              (openBlock(), createBlock(resolveDynamicComponent(fieldSlot), mergeProps({
+                                "model-value": state.value,
+                                column: params.value
+                              }, data), null, 16, ["model-value", "column"]))
+                            ])
+                          };
+                        })
+                      ]), 1040, ["modelValue", "clearable", "field-children-slot"]))
+                    ],
+                    2112
+                    /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+                  ))
                 ],
-                2112
-                /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-              ))
+                64
+                /* STABLE_FRAGMENT */
+              )) : _ctx.valueType === "text" ? (openBlock(), createBlock(
+                unref(ElText),
+                mergeProps({
+                  key: 4,
+                  ref_key: "fieldInstance",
+                  ref: fieldInstance,
+                  class: "plus-form-item-field"
+                }, customFieldProps.value),
+                {
+                  default: withCtx(() => [
+                    createTextVNode(
+                      toDisplayString(state.value),
+                      1
+                      /* TEXT */
+                    )
+                  ]),
+                  _: 1
+                  /* STABLE */
+                },
+                16
+                /* FULL_PROPS */
+              )) : _ctx.valueType === "divider" ? (openBlock(), createBlock(
+                unref(ElDivider),
+                mergeProps({
+                  key: 5,
+                  ref_key: "fieldInstance",
+                  ref: fieldInstance,
+                  class: "plus-form-item-field"
+                }, customFieldProps.value),
+                {
+                  default: withCtx(() => [
+                    createTextVNode(
+                      toDisplayString(state.value),
+                      1
+                      /* TEXT */
+                    )
+                  ]),
+                  _: 1
+                  /* STABLE */
+                },
+                16
+                /* FULL_PROPS */
+              )) : (openBlock(), createBlock(unref(ElInput$1), mergeProps({
+                key: 6,
+                ref_key: "fieldInstance",
+                ref: fieldInstance,
+                modelValue: state.value,
+                "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => state.value = $event),
+                class: "plus-form-item-field",
+                placeholder: unref(t)("plus.field.pleaseEnter") + labelValue.value,
+                autocomplete: "off",
+                clearable: _ctx.clearable
+              }, customFieldProps.value, { "onUpdate:modelValue": handleChange }), createSlots({
+                _: 2
+                /* DYNAMIC */
+              }, [
+                renderList(_ctx.fieldSlots, (fieldSlot, key) => {
+                  return {
+                    name: key,
+                    fn: withCtx((data) => [
+                      (openBlock(), createBlock(resolveDynamicComponent(fieldSlot), mergeProps({
+                        "model-value": state.value,
+                        column: params.value
+                      }, data), null, 16, ["model-value", "column"]))
+                    ])
+                  };
+                })
+              ]), 1040, ["modelValue", "placeholder", "clearable"])),
+              createVNode(unref(ElTooltip$1), {
+                visible: placeholderTooltipVisible.value,
+                "onUpdate:visible": _cache[5] || (_cache[5] = ($event) => placeholderTooltipVisible.value = $event),
+                content: placeholderTooltipContent.value,
+                placement: "top",
+                "virtual-triggering": "",
+                "virtual-ref": placeholderVirtualRef.value,
+                disabled: !placeholderTooltipContent.value
+              }, null, 8, ["visible", "content", "virtual-ref", "disabled"])
             ],
-            64
-            /* STABLE_FRAGMENT */
-          )) : _ctx.valueType === "text" ? (openBlock(), createBlock(
-            unref(ElText),
-            mergeProps({
-              key: 4,
-              ref_key: "fieldInstance",
-              ref: fieldInstance,
-              class: "plus-form-item-field"
-            }, customFieldProps.value),
-            {
-              default: withCtx(() => [
-                createTextVNode(
-                  toDisplayString(state.value),
-                  1
-                  /* TEXT */
-                )
-              ]),
-              _: 1
-              /* STABLE */
-            },
-            16
-            /* FULL_PROPS */
-          )) : _ctx.valueType === "divider" ? (openBlock(), createBlock(
-            unref(ElDivider),
-            mergeProps({
-              key: 5,
-              ref_key: "fieldInstance",
-              ref: fieldInstance,
-              class: "plus-form-item-field"
-            }, customFieldProps.value),
-            {
-              default: withCtx(() => [
-                createTextVNode(
-                  toDisplayString(state.value),
-                  1
-                  /* TEXT */
-                )
-              ]),
-              _: 1
-              /* STABLE */
-            },
-            16
-            /* FULL_PROPS */
-          )) : (openBlock(), createBlock(unref(ElInput$1), mergeProps({
-            key: 6,
-            ref_key: "fieldInstance",
-            ref: fieldInstance,
-            modelValue: state.value,
-            "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => state.value = $event),
-            class: "plus-form-item-field",
-            placeholder: unref(t)("plus.field.pleaseEnter") + labelValue.value,
-            autocomplete: "off",
-            clearable: _ctx.clearable
-          }, customFieldProps.value, { "onUpdate:modelValue": handleChange }), createSlots({
-            _: 2
-            /* DYNAMIC */
-          }, [
-            renderList(_ctx.fieldSlots, (fieldSlot, key) => {
-              return {
-                name: key,
-                fn: withCtx((data) => [
-                  (openBlock(), createBlock(resolveDynamicComponent(fieldSlot), mergeProps({
-                    "model-value": state.value,
-                    column: params.value
-                  }, data), null, 16, ["model-value", "column"]))
-                ])
-              };
-            })
-          ]), 1040, ["modelValue", "placeholder", "clearable"]))
+            32
+            /* NEED_HYDRATION */
+          )
         ]),
         _: 2
         /* DYNAMIC */
@@ -585,31 +687,57 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           name: "label",
           fn: withCtx(({ label: currentLabel }) => [
             createElementVNode("span", _hoisted_2, [
-              _ctx.renderLabel && unref(isFunction)(_ctx.renderLabel) ? (openBlock(), createElementBlock(
-                Fragment,
-                { key: 0 },
-                [
-                  valueIsReady.value ? (openBlock(), createBlock(unref(PlusRender), {
-                    key: 0,
-                    render: _ctx.renderLabel,
-                    params: params.value,
-                    "callback-value": currentLabel,
-                    "custom-field-props": customFieldProps.value
-                  }, null, 8, ["render", "params", "callback-value", "custom-field-props"])) : createCommentVNode("v-if", true)
-                ],
-                64
-                /* STABLE_FRAGMENT */
-              )) : renderSlot(_ctx.$slots, unref(getLabelSlotName)(_ctx.prop), normalizeProps(mergeProps({ key: 1 }, params.value)), () => [
-                createTextVNode(
-                  toDisplayString(currentLabel),
-                  1
-                  /* TEXT */
-                )
-              ]),
+              createVNode(unref(ElTooltip$1), {
+                visible: labelTooltipVisible.value,
+                "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => labelTooltipVisible.value = $event),
+                content: labelTooltipContent.value,
+                placement: "top",
+                disabled: !labelOverflow.value || !labelTooltipContent.value
+              }, {
+                default: withCtx(() => [
+                  createElementVNode(
+                    "span",
+                    {
+                      ref_key: "labelTextRef",
+                      ref: labelTextRef,
+                      class: "plus-form-item__label-text",
+                      onMouseenter: showLabelTooltip,
+                      onMouseleave: hideLabelTooltip
+                    },
+                    [
+                      _ctx.renderLabel && unref(isFunction)(_ctx.renderLabel) ? (openBlock(), createElementBlock(
+                        Fragment,
+                        { key: 0 },
+                        [
+                          valueIsReady.value ? (openBlock(), createBlock(unref(PlusRender), {
+                            key: 0,
+                            render: _ctx.renderLabel,
+                            params: params.value,
+                            "callback-value": currentLabel,
+                            "custom-field-props": customFieldProps.value
+                          }, null, 8, ["render", "params", "callback-value", "custom-field-props"])) : createCommentVNode("v-if", true)
+                        ],
+                        64
+                        /* STABLE_FRAGMENT */
+                      )) : renderSlot(_ctx.$slots, unref(getLabelSlotName)(_ctx.prop), normalizeProps(mergeProps({ key: 1 }, params.value)), () => [
+                        createTextVNode(
+                          toDisplayString(currentLabel),
+                          1
+                          /* TEXT */
+                        )
+                      ])
+                    ],
+                    544
+                    /* NEED_HYDRATION, NEED_PATCH */
+                  )
+                ]),
+                _: 2
+                /* DYNAMIC */
+              }, 1032, ["visible", "content", "disabled"]),
               _ctx.tooltip ? (openBlock(), createBlock(
                 unref(ElTooltip$1),
                 mergeProps({
-                  key: 2,
+                  key: 0,
                   placement: "top"
                 }, unref(getTooltip)(_ctx.tooltip)),
                 {