@das-fed/ui 1.1.4 → 6.3.0-beta.1

package/packages/components/form-item/index.js

@@ -1,9 +1,8 @@
 import { withInstall } from '@das-fed/utils';
-import { getVar, setThemeRule } from '@das-fed/web';
-import { useAttrs, inject, ref, watch, computed, reactive, onMounted, onUnmounted, defineComponent, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, createElementVNode, withDirectives, createTextVNode, toDisplayString, createCommentVNode, createBlock, mergeProps, createSlots, withCtx, createVNode, renderSlot, isRef, Fragment, vShow } from 'vue';
-import { DasTreeSelectRef, vDasTooltip, DasTooltip, DasIcon, DasInput, DasRadio, DasCheckbox, DasSwitch, DasSelect, DasCascader, DasTreeSelect, DasColorPicker, DasInputNumber, DasSelectInput, DasInputDialogSelect, DasDatePicker, DasRangePicker, DasTimePicker, DasTimeRangePicker } from '@das-fed/ui';
+import { getVarValue, getVar, setThemeRule } from '@das-fed/web';
+import { useAttrs, inject, ref, watch, computed, reactive, onMounted, onUnmounted, defineComponent, useCssVars, unref, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, withDirectives, createTextVNode, toDisplayString, createCommentVNode, createBlock, mergeProps, createSlots, withCtx, createVNode, renderSlot, Fragment, Teleport } from 'vue';
+import { DasTreeSelectRef, DasTreeSelect, DasSelectInput, DasInputDialogSelect, DasInput, DasRadio, DasCheckbox, DasSwitch, DasSelect, DasTooltip, DasIcon, DasDatePicker, DasRangePicker, DasTimePicker, DasTimeRangePicker, DasCascader, DasColorPicker, DasInputNumber, vDasTooltip } from '@das-fed/ui';
 import { useModelValue } from '@das-fed/utils/vue';
-import { vHoverInside } from '@das-fed/utils/directive';
 import '@das-fed/ui/global/theme';
 
 const useShowComponent = (props) => {
@@ -18563,10 +18562,8 @@ const useFormLabelWidth = (labelLength, labelPosition, alignType, isSearchForm,
     return "fit-content";
   }
   let length = 4;
-  if (typeof labelLength === "string")
-    length = parseInt(labelLength);
-  else if (typeof labelLength === "number")
-    length = labelLength;
+  if (typeof labelLength === "string") length = parseInt(labelLength);
+  else if (typeof labelLength === "number") length = labelLength;
   const width = `${length * 12}px`;
   return width;
 };
@@ -18577,7 +18574,6 @@ const useForm = (formItemProps, emit, isShow) => {
   const formProps = formContext.props;
   const className = attrs.class;
   const propName = attrs.prop;
-  const isHoverIn = ref(false);
   const labelPosition = formItemProps.labelPosition || formProps.labelPosition || "";
   const labelLength = formItemProps.labelLength || formProps.labelLength || 4;
   let contentWidth = (formItemProps.contentWidth ?? formProps.contentWidth ?? 230) + "px";
@@ -18627,9 +18623,13 @@ const useForm = (formItemProps, emit, isShow) => {
   const errored = computed(() => {
     return innerError.value !== "";
   });
-  watch(innerValue, (newValue, oldValue) => {
-    resetError();
-  });
+  watch(
+    innerValue,
+    (newValue, oldValue) => {
+      resetError();
+    },
+    { deep: true }
+  );
   watch(selectModelValue, (newValue, oldValue) => {
     resetError();
   });
@@ -18637,12 +18637,11 @@ const useForm = (formItemProps, emit, isShow) => {
     innerError.value = "";
     emit("update:error", "");
   };
-  const preInnertVal = ref(null);
+  const preInnertVal = ref(void 0);
   const changeHandler = (val, val2) => {
     validate();
     if (isShow("treeSelect") || isShow("inputNumber")) {
-      if (JSON.stringify(val) === JSON.stringify(preInnertVal.value))
-        return;
+      if (JSON.stringify(val) === JSON.stringify(preInnertVal.value)) return;
       preInnertVal.value = lodashExports.cloneDeep(val);
     }
     emit("update:modelValue", val);
@@ -18659,8 +18658,7 @@ const useForm = (formItemProps, emit, isShow) => {
   const validate = async () => {
     if (propName && rules.value.length > 0) {
       rules.value.forEach((rule) => {
-        if (!rule.type && typeof innerValue.value === "number")
-          rule.type = "number";
+        if (!rule.type && typeof innerValue.value === "number") rule.type = "number";
       });
       const validator = new Schema({
         [propName]: rules.value
@@ -18676,9 +18674,6 @@ const useForm = (formItemProps, emit, isShow) => {
       });
     }
   };
-  const mouseEnterAndLeave = (flag, e) => {
-    isHoverIn.value = flag;
-  };
   const formItemContext = reactive({
     timeStamp: Date.now(),
     propName,
@@ -18706,16 +18701,74 @@ const useForm = (formItemProps, emit, isShow) => {
     marginBottom,
     formProps,
     className,
-    isHoverIn,
     inputHandler,
     changeHandler,
-    selectChangeHandler,
-    mouseEnterAndLeave
+    selectChangeHandler
+  };
+};
+
+const useError = (props) => {
+  const $dasFormItem = ref();
+  const isHoverInInput = ref(false);
+  const errorModelWidth = ref(0);
+  const errorModelPosition = ref({
+    x: 0,
+    y: 0
+  });
+  const errorModalBaseSyle = computed(() => {
+    return {
+      "font-size": "12px",
+      "background-color": getVarValue("--das-ui-special-range-picker-overlay-error-bg-color").value,
+      "box-shadow": "0px 4px 10px 0px rgba(0, 0, 0, 0.2)",
+      "border-radius": "1px",
+      padding: "2px 8px",
+      "box-sizing": "border-box",
+      "z-index": props.errorModelZIndex
+    };
+  });
+  const errorModelStyle = computed(() => {
+    return {
+      ...errorModalBaseSyle.value,
+      width: errorModelWidth.value + "px",
+      position: "fixed",
+      visibility: "visible",
+      top: errorModelPosition.value.y + "px",
+      left: errorModelPosition.value.x + "px"
+    };
+  });
+  const errorLabelStyle = ref({
+    display: "block",
+    "text-align": "left",
+    color: getVarValue("--das-ui-special-range-picker-error").value,
+    "white-space": "break-spaces",
+    "word-break": "break-all"
+  });
+  const getErrorModalPosition = () => {
+    errorModelWidth.value = $dasFormItem.value?.clientWidth;
+    const { top, left } = $dasFormItem.value?.getBoundingClientRect();
+    console.log(top, left, "=============");
+    const height = $dasFormItem.value?.clientHeight;
+    errorModelPosition.value.x = left;
+    errorModelPosition.value.y = top + height;
+  };
+  const errorModalInputMouseEnter = () => {
+    getErrorModalPosition();
+    isHoverInInput.value = true;
+  };
+  const errorModallInputMouseLeave = () => {
+    isHoverInInput.value = false;
+  };
+  return {
+    $dasFormItem,
+    isHoverInInput,
+    errorModalBaseSyle,
+    errorModelStyle,
+    errorLabelStyle,
+    errorModalInputMouseEnter,
+    errorModallInputMouseLeave
   };
 };
 
-const _hoisted_1 = { class: "label-context" };
-const _hoisted_2 = { key: 0 };
 const __default__ = {
   inheritAttrs: false
 };
@@ -18746,10 +18799,14 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     rules: { type: null, required: false, default: [] },
     tooltipAttrs: { type: null, required: false },
     labelMarginRight: { type: String, required: false },
-    showColon: { type: Boolean, required: false }
+    showColon: { type: Boolean, required: false },
+    errorModelZIndex: { type: Number, required: false, default: 2e3 }
   },
   emits: ["update:modelValue", "update:optionValue", "update:error", "change", "input", "select-change"],
   setup(__props, { expose: __expose, emit: __emit }) {
+    useCssVars((_ctx) => ({
+      "13d30b83-contentWidth": unref(contentWidth)
+    }));
     const formItemProps = __props;
     const emit = __emit;
     const $treeSelect = DasTreeSelectRef();
@@ -18768,447 +18825,551 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       marginRight,
       marginBottom,
       className,
-      isHoverIn,
       inputHandler,
       changeHandler,
-      selectChangeHandler,
-      mouseEnterAndLeave
+      selectChangeHandler
     } = useForm(formItemProps, emit, isShow);
+    const {
+      $dasFormItem,
+      isHoverInInput,
+      errorModalBaseSyle,
+      errorModelStyle,
+      errorLabelStyle,
+      errorModalInputMouseEnter,
+      errorModallInputMouseLeave
+    } = useError(formItemProps);
     __expose({ $treeSelect });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
+    const __returned__ = { formItemProps, emit, $treeSelect, isShow, innerError, selectModelValue, errored, erroredMode, innerValue, labelWidth, formLabelMarginRight, contentWidth, flexConfig, formProps, marginRight, marginBottom, className, inputHandler, changeHandler, selectChangeHandler, $dasFormItem, isHoverInInput, errorModalBaseSyle, errorModelStyle, errorLabelStyle, errorModalInputMouseEnter, errorModallInputMouseLeave, get DasTreeSelect() {
+      return DasTreeSelect;
+    }, get DasSelectInput() {
+      return DasSelectInput;
+    }, get DasInputDialogSelect() {
+      return DasInputDialogSelect;
+    }, get DasInput() {
+      return DasInput;
+    }, get DasRadio() {
+      return DasRadio;
+    }, get DasCheckbox() {
+      return DasCheckbox;
+    }, get DasSwitch() {
+      return DasSwitch;
+    }, get DasSelect() {
+      return DasSelect;
+    }, get DasTooltip() {
+      return DasTooltip;
+    }, get DasIcon() {
+      return DasIcon;
+    }, get DasDatePicker() {
+      return DasDatePicker;
+    }, get DasRangePicker() {
+      return DasRangePicker;
+    }, get DasTimePicker() {
+      return DasTimePicker;
+    }, get DasTimeRangePicker() {
+      return DasTimeRangePicker;
+    }, get DasCascader() {
+      return DasCascader;
+    }, get DasColorPicker() {
+      return DasColorPicker;
+    }, get DasInputNumber() {
+      return DasInputNumber;
+    }, get vDasTooltip() {
+      return vDasTooltip;
+    } };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+
+const _hoisted_1 = { class: "label-context" };
+const _hoisted_2 = { key: 0 };
+const _hoisted_3 = {
+  key: 0,
+  class: "error-label"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock(
+    "div",
+    {
+      class: normalizeClass(["das-ui-form-item", [$setup.className, $setup.formProps.labelPosition, $setup.formProps.alignType, { "flex-layout": $setup.contentWidth === "" }]]),
+      style: normalizeStyle({ marginRight: $setup.marginRight, marginBottom: $setup.marginBottom, alignItems: $props.alignItems, flex: $setup.flexConfig, "min-width": 0 })
+    },
+    [
+      createElementVNode(
         "div",
         {
-          class: normalizeClass(["das-ui-form-item", [unref(className), unref(formProps).labelPosition, unref(formProps).alignType, { "flex-layout": unref(contentWidth) === "" }]]),
-          style: normalizeStyle({ marginRight: unref(marginRight), marginBottom: unref(marginBottom), alignItems: _ctx.alignItems, flex: unref(flexConfig), "min-width": 0 })
+          class: "das-ui-form-item-label",
+          style: normalizeStyle({ width: $setup.labelWidth, marginRight: $setup.formLabelMarginRight })
         },
         [
           createElementVNode(
             "div",
             {
-              class: "das-ui-form-item-label",
-              style: normalizeStyle({ width: unref(labelWidth), marginRight: unref(formLabelMarginRight) })
-            },
-            [
-              createElementVNode(
-                "div",
-                {
-                  class: normalizeClass(["label", { "required-mark": _ctx.required, "has-help": _ctx.helpMessage }])
-                },
-                [
-                  withDirectives((openBlock(), createElementBlock("div", _hoisted_1, [
-                    createTextVNode(
-                      toDisplayString(_ctx.label),
-                      1
-                      /* TEXT */
-                    )
-                  ])), [
-                    [unref(vDasTooltip)]
-                  ]),
-                  _ctx.showColon ? (openBlock(), createElementBlock("span", _hoisted_2, "\uFF1A")) : createCommentVNode("v-if", true),
-                  _ctx.helpMessage || _ctx.$slots.helpContent ? (openBlock(), createBlock(unref(DasTooltip), mergeProps({
-                    key: 1,
-                    effect: "light",
-                    placement: "top-start",
-                    content: _ctx.helpMessage
-                  }, _ctx.tooltipAttrs), createSlots({
-                    default: withCtx(() => [
-                      createVNode(unref(DasIcon), {
-                        class: normalizeClass(["help-icon", { "no-required": !_ctx.required }]),
-                        iconColor: "#666",
-                        size: "medium",
-                        icon: "form-tips"
-                      }, null, 8, ["class"])
-                    ]),
-                    _: 2
-                    /* DYNAMIC */
-                  }, [
-                    _ctx.$slots.helpContent ? {
-                      name: "content",
-                      fn: withCtx(() => [
-                        renderSlot(_ctx.$slots, "helpContent", {}, void 0, true)
-                      ]),
-                      key: "0"
-                    } : void 0
-                  ]), 1040, ["content"])) : createCommentVNode("v-if", true)
-                ],
-                2
-                /* CLASS */
-              )
-            ],
-            4
-            /* STYLE */
-          ),
-          withDirectives((openBlock(), createElementBlock(
-            "div",
-            {
-              class: "das-ui-form-container",
-              style: normalizeStyle({ width: unref(contentWidth) })
+              class: normalizeClass(["label", { "required-mark": $props.required, "has-help": $props.helpMessage }])
             },
             [
-              createCommentVNode(" \u8F93\u5165\u6846 "),
-              unref(isShow)("input", "textarea", "password") ? (openBlock(), createBlock(unref(DasInput), mergeProps({
-                key: 0,
-                modelValue: unref(innerValue),
-                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(innerValue) ? innerValue.value = $event : null),
-                style: { "margin-bottom": "0" },
-                isView: _ctx.isView,
-                disabled: _ctx.disabled,
-                type: _ctx.type,
-                error: unref(errored),
-                width: unref(contentWidth),
-                onInput: unref(inputHandler),
-                onChange: unref(changeHandler)
-              }, _ctx.$attrs), createSlots({
+              withDirectives((openBlock(), createElementBlock("div", _hoisted_1, [
+                createTextVNode(
+                  toDisplayString($props.label),
+                  1
+                  /* TEXT */
+                )
+              ])), [
+                [$setup["vDasTooltip"]]
+              ]),
+              $props.showColon ? (openBlock(), createElementBlock("span", _hoisted_2, "\uFF1A")) : createCommentVNode("v-if", true),
+              $props.helpMessage || _ctx.$slots.helpContent ? (openBlock(), createBlock($setup["DasTooltip"], mergeProps({
+                key: 1,
+                effect: "light",
+                placement: "top-start",
+                content: $props.helpMessage
+              }, $props.tooltipAttrs), createSlots({
+                default: withCtx(() => [
+                  createVNode($setup["DasIcon"], {
+                    class: normalizeClass(["help-icon", { "no-required": !$props.required }]),
+                    iconColor: "#666",
+                    size: "medium",
+                    icon: "form-tips"
+                  }, null, 8, ["class"])
+                ]),
                 _: 2
                 /* DYNAMIC */
               }, [
-                _ctx.$slots.suffix ? {
-                  name: "suffix",
+                _ctx.$slots.helpContent ? {
+                  name: "content",
                   fn: withCtx(() => [
-                    renderSlot(_ctx.$slots, "suffix", {}, void 0, true)
+                    renderSlot(_ctx.$slots, "helpContent", {}, void 0, true)
                   ]),
                   key: "0"
-                } : void 0,
-                _ctx.$slots.prefix ? {
-                  name: "prefix",
-                  fn: withCtx(() => [
-                    renderSlot(_ctx.$slots, "prefix", {}, void 0, true)
-                  ]),
-                  key: "1"
-                } : void 0,
-                _ctx.$slots.prepend ? {
-                  name: "prepend",
-                  fn: withCtx(() => [
-                    renderSlot(_ctx.$slots, "prepend", {}, void 0, true)
-                  ]),
-                  key: "2"
-                } : void 0,
-                _ctx.$slots.append ? {
-                  name: "append",
-                  fn: withCtx(() => [
-                    renderSlot(_ctx.$slots, "append", {}, void 0, true)
-                  ]),
-                  key: "3"
                 } : void 0
-              ]), 1040, ["modelValue", "isView", "disabled", "type", "error", "width", "onInput", "onChange"])) : unref(isShow)("radio") ? (openBlock(), createElementBlock(
+              ]), 1040, ["content"])) : createCommentVNode("v-if", true)
+            ],
+            2
+            /* CLASS */
+          )
+        ],
+        4
+        /* STYLE */
+      ),
+      createElementVNode(
+        "div",
+        {
+          ref: "$dasFormItem",
+          class: "das-ui-form-container",
+          style: normalizeStyle({ width: $setup.contentWidth }),
+          onMouseenter: _cache[16] || (_cache[16] = (...args) => $setup.errorModalInputMouseEnter && $setup.errorModalInputMouseEnter(...args)),
+          onMouseleave: _cache[17] || (_cache[17] = (...args) => $setup.errorModallInputMouseLeave && $setup.errorModallInputMouseLeave(...args))
+        },
+        [
+          createCommentVNode(" \u8F93\u5165\u6846 "),
+          $setup.isShow("input", "textarea", "password") ? (openBlock(), createBlock($setup["DasInput"], mergeProps({
+            key: 0,
+            modelValue: $setup.innerValue,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $setup.innerValue = $event),
+            style: { "margin-bottom": "0" },
+            isView: $props.isView,
+            disabled: $props.disabled,
+            type: $props.type,
+            error: $setup.errored,
+            width: $setup.contentWidth,
+            onInput: $setup.inputHandler,
+            onChange: $setup.changeHandler
+          }, _ctx.$attrs), createSlots({
+            _: 2
+            /* DYNAMIC */
+          }, [
+            _ctx.$slots.suffix ? {
+              name: "suffix",
+              fn: withCtx(() => [
+                renderSlot(_ctx.$slots, "suffix", {}, void 0, true)
+              ]),
+              key: "0"
+            } : void 0,
+            _ctx.$slots.prefix ? {
+              name: "prefix",
+              fn: withCtx(() => [
+                renderSlot(_ctx.$slots, "prefix", {}, void 0, true)
+              ]),
+              key: "1"
+            } : void 0,
+            _ctx.$slots.prepend ? {
+              name: "prepend",
+              fn: withCtx(() => [
+                renderSlot(_ctx.$slots, "prepend", {}, void 0, true)
+              ]),
+              key: "2"
+            } : void 0,
+            _ctx.$slots.append ? {
+              name: "append",
+              fn: withCtx(() => [
+                renderSlot(_ctx.$slots, "append", {}, void 0, true)
+              ]),
+              key: "3"
+            } : void 0
+          ]), 1040, ["modelValue", "isView", "disabled", "type", "error", "width", "onInput", "onChange"])) : $setup.isShow("radio") ? (openBlock(), createElementBlock(
+            Fragment,
+            { key: 1 },
+            [
+              createCommentVNode(" \u5355\u9009\u6846 "),
+              createVNode($setup["DasRadio"], mergeProps({
+                modelValue: $setup.innerValue,
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => $setup.innerValue = $event),
+                isView: $props.isView,
+                disabled: $props.disabled,
+                radioType: "group",
+                options: $props.options,
+                defaultProps: {
+                  value: $props.optionsValueKey,
+                  label: $props.optionsLabelKey
+                },
+                onChange: $setup.changeHandler
+              }, _ctx.$attrs), null, 16, ["modelValue", "isView", "disabled", "options", "defaultProps", "onChange"])
+            ],
+            2112
+            /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+          )) : $setup.isShow("checkbox") ? (openBlock(), createElementBlock(
+            Fragment,
+            { key: 2 },
+            [
+              createCommentVNode(" \u591A\u9009\u6846 "),
+              createVNode($setup["DasCheckbox"], mergeProps({
+                modelValue: $setup.innerValue,
+                "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => $setup.innerValue = $event),
+                isView: $props.isView,
+                disabled: $props.disabled,
+                checkboxType: "group",
+                options: $props.options,
+                defaultProps: {
+                  value: $props.optionsValueKey,
+                  label: $props.optionsLabelKey
+                },
+                onChange: $setup.changeHandler
+              }, _ctx.$attrs), null, 16, ["modelValue", "isView", "disabled", "options", "defaultProps", "onChange"])
+            ],
+            2112
+            /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+          )) : $setup.isShow("switch") ? (openBlock(), createElementBlock(
+            Fragment,
+            { key: 3 },
+            [
+              createCommentVNode(" \u5F00\u5173 "),
+              createVNode($setup["DasSwitch"], mergeProps({
+                modelValue: $setup.innerValue,
+                "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => $setup.innerValue = $event),
+                disabled: $props.disabled,
+                onChange: $setup.changeHandler
+              }, _ctx.$attrs), null, 16, ["modelValue", "disabled", "onChange"])
+            ],
+            2112
+            /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+          )) : $setup.isShow("select") ? (openBlock(), createElementBlock(
+            Fragment,
+            { key: 4 },
+            [
+              createCommentVNode(" \u4E0B\u62C9\u6846 "),
+              createVNode($setup["DasSelect"], mergeProps({
+                modelValue: $setup.innerValue,
+                "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => $setup.innerValue = $event),
+                isView: $props.isView,
+                disabled: $props.disabled,
+                error: $setup.errored,
+                size: "small",
+                options: $props.options,
+                width: "100%",
+                fieldNames: {
+                  value: $props.optionsValueKey,
+                  label: $props.optionsLabelKey
+                },
+                onChange: $setup.changeHandler
+              }, _ctx.$attrs), null, 16, ["modelValue", "isView", "disabled", "error", "options", "fieldNames", "onChange"])
+            ],
+            2112
+            /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+          )) : $setup.isShow("cascader") ? (openBlock(), createElementBlock(
+            Fragment,
+            { key: 5 },
+            [
+              createCommentVNode(" \u7EA7\u8054\u9009\u62E9\u5668 "),
+              createVNode($setup["DasCascader"], mergeProps({
+                modelValue: $setup.innerValue,
+                "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => $setup.innerValue = $event),
+                isView: $props.isView,
+                disabled: $props.disabled,
+                error: $setup.errored,
+                size: "small",
+                options: $props.options,
+                width: "100%",
+                onChange: $setup.changeHandler
+              }, _ctx.$attrs), null, 16, ["modelValue", "isView", "disabled", "error", "options", "onChange"])
+            ],
+            2112
+            /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+          )) : $setup.isShow("treeSelect") ? (openBlock(), createElementBlock(
+            Fragment,
+            { key: 6 },
+            [
+              createCommentVNode(" \u4E0B\u62C9\u6811 "),
+              createVNode($setup["DasTreeSelect"], mergeProps({
+                ref: "$treeSelect",
+                modelValue: $setup.innerValue,
+                "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => $setup.innerValue = $event),
+                data: $props.options,
+                size: "small",
+                width: "100%",
+                isView: $props.isView,
+                disabled: $props.disabled,
+                error: $setup.errored,
+                onChange: $setup.changeHandler
+              }, _ctx.$attrs), null, 16, ["modelValue", "data", "isView", "disabled", "error", "onChange"])
+            ],
+            2112
+            /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+          )) : $setup.isShow("colorPicker") ? (openBlock(), createElementBlock(
+            Fragment,
+            { key: 7 },
+            [
+              createCommentVNode(" \u989C\u8272\u9009\u62E9\u5668 "),
+              createVNode($setup["DasColorPicker"], mergeProps({
+                modelValue: $setup.innerValue,
+                "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => $setup.innerValue = $event),
+                options: $props.options,
+                width: "100%",
+                onChange: $setup.changeHandler,
+                disabled: $props.disabled,
+                error: $setup.errored,
+                isView: $props.isView
+              }, _ctx.$attrs), null, 16, ["modelValue", "options", "onChange", "disabled", "error", "isView"])
+            ],
+            2112
+            /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+          )) : $setup.isShow("inputNumber") ? (openBlock(), createElementBlock(
+            Fragment,
+            { key: 8 },
+            [
+              createCommentVNode(" \u6B65\u8FDB\u5668 "),
+              createVNode($setup["DasInputNumber"], mergeProps({
+                modelValue: $setup.innerValue,
+                "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => $setup.innerValue = $event),
+                width: "100%",
+                onInput: $setup.inputHandler,
+                onChange: $setup.changeHandler,
+                disabled: $props.disabled,
+                error: $setup.errored,
+                isView: $props.isView
+              }, _ctx.$attrs), null, 16, ["modelValue", "onInput", "onChange", "disabled", "error", "isView"])
+            ],
+            2112
+            /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+          )) : $setup.isShow("selectInput") ? (openBlock(), createElementBlock(
+            Fragment,
+            { key: 9 },
+            [
+              createCommentVNode(" \u641C\u7D22\u7EC4\u4EF6 "),
+              createVNode($setup["DasSelectInput"], mergeProps({
+                width: "100%",
+                modelValue: $setup.innerValue,
+                "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => $setup.innerValue = $event),
+                isView: $props.isView,
+                error: $setup.errored,
+                disabled: $props.disabled,
+                optionValue: $setup.selectModelValue,
+                "onUpdate:optionValue": _cache[10] || (_cache[10] = ($event) => $setup.selectModelValue = $event),
+                options: $props.options,
+                optionsLabelKey: $props.optionsLabelKey,
+                optionsValueKey: $props.optionsValueKey,
+                onInputChange: $setup.changeHandler,
+                onDasInput: $setup.inputHandler,
+                onSelectChange: $setup.selectChangeHandler
+              }, _ctx.$attrs), null, 16, ["modelValue", "isView", "error", "disabled", "optionValue", "options", "optionsLabelKey", "optionsValueKey", "onInputChange", "onDasInput", "onSelectChange"])
+            ],
+            2112
+            /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+          )) : $setup.isShow("inputDialogSelect") ? (openBlock(), createElementBlock(
+            Fragment,
+            { key: 10 },
+            [
+              createCommentVNode(" \u5F39\u7A97\u9009\u62E9 "),
+              createVNode($setup["DasInputDialogSelect"], mergeProps({
+                style: { "width": "100px", "flex": "1" },
+                size: "auto",
+                isView: $props.isView,
+                disabled: $props.disabled,
+                error: $setup.errored,
+                "selected-options": $props.options,
+                modelValue: $setup.innerValue,
+                "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => $setup.innerValue = $event)
+              }, _ctx.$attrs, {
+                optionsLabelKey: $props.optionsLabelKey,
+                optionsValueKey: $props.optionsValueKey,
+                onChange: $setup.changeHandler
+              }), null, 16, ["isView", "disabled", "error", "selected-options", "modelValue", "optionsLabelKey", "optionsValueKey", "onChange"])
+            ],
+            2112
+            /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+          )) : $setup.isShow("date", "dateTime", "week", "month", "quarter", "year") ? (openBlock(), createElementBlock(
+            Fragment,
+            { key: 11 },
+            [
+              createCommentVNode(" \u65E5\u671F\u9009\u62E9\u5668 "),
+              createVNode($setup["DasDatePicker"], mergeProps({
+                "show-time": $props.type === "dateTime",
+                picker: $props.type !== "dateTime" ? $props.type : "date",
+                modelValue: $setup.innerValue,
+                "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => $setup.innerValue = $event),
+                size: "small",
+                width: "100%",
+                disabled: $props.disabled,
+                isView: $props.isView,
+                error: $setup.errored,
+                onChange: $setup.changeHandler
+              }, _ctx.$attrs), null, 16, ["show-time", "picker", "modelValue", "disabled", "isView", "error", "onChange"])
+            ],
+            2112
+            /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+          )) : $setup.isShow("dateRange", "dateTimeRange", "weekRange", "monthRange", "yearRange") ? (openBlock(), createElementBlock(
+            Fragment,
+            { key: 12 },
+            [
+              createCommentVNode(" \u65E5\u671F\u8303\u56F4\u9009\u62E9\u5668 "),
+              createVNode($setup["DasRangePicker"], mergeProps({
+                "show-time": $props.type === "dateTimeRange",
+                picker: $props.type !== "dateTimeRange" ? $props.type.slice(0, -5) : "date",
+                modelValue: $setup.innerValue,
+                "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => $setup.innerValue = $event),
+                size: "small",
+                width: "100%",
+                disabled: $props.disabled,
+                isView: $props.isView,
+                error: $setup.errored,
+                onChange: $setup.changeHandler
+              }, _ctx.$attrs), null, 16, ["show-time", "picker", "modelValue", "disabled", "isView", "error", "onChange"])
+            ],
+            2112
+            /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+          )) : $setup.isShow("time") ? (openBlock(), createElementBlock(
+            Fragment,
+            { key: 13 },
+            [
+              createCommentVNode(" \u65F6\u95F4\u9009\u62E9\u5668 "),
+              createVNode($setup["DasTimePicker"], mergeProps({
+                modelValue: $setup.innerValue,
+                "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => $setup.innerValue = $event),
+                size: "small",
+                width: "100%",
+                disabled: $props.disabled,
+                isView: $props.isView,
+                onChange: $setup.changeHandler
+              }, _ctx.$attrs), null, 16, ["modelValue", "disabled", "isView", "onChange"])
+            ],
+            2112
+            /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+          )) : $setup.isShow("timeRange") ? (openBlock(), createElementBlock(
+            Fragment,
+            { key: 14 },
+            [
+              createCommentVNode(" \u65F6\u95F4\u8303\u56F4\u9009\u62E9\u5668 "),
+              createVNode($setup["DasTimeRangePicker"], mergeProps({
+                modelValue: $setup.innerValue,
+                "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => $setup.innerValue = $event),
+                size: "small",
+                width: "100%",
+                disabled: $props.disabled,
+                isView: $props.isView,
+                onChange: $setup.changeHandler
+              }, _ctx.$attrs), null, 16, ["modelValue", "disabled", "isView", "onChange"])
+            ],
+            2112
+            /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+          )) : createCommentVNode("v-if", true),
+          createCommentVNode(" \u63D2\u69FD "),
+          renderSlot(_ctx.$slots, "default", {}, void 0, true),
+          createCommentVNode(" \u63D0\u793A "),
+          $setup.errored && !!$setup.innerError ? (openBlock(), createElementBlock(
+            Fragment,
+            { key: 15 },
+            [
+              $setup.erroredMode === "default" ? withDirectives((openBlock(), createElementBlock("div", _hoisted_3, [
+                createTextVNode(
+                  toDisplayString($setup.innerError),
+                  1
+                  /* TEXT */
+                )
+              ])), [
+                [$setup["vDasTooltip"]]
+              ]) : $setup.isHoverInInput ? (openBlock(), createElementBlock(
                 Fragment,
                 { key: 1 },
                 [
-                  createCommentVNode(" \u5355\u9009\u6846 "),
-                  createVNode(unref(DasRadio), mergeProps({
-                    modelValue: unref(innerValue),
-                    "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(innerValue) ? innerValue.value = $event : null),
-                    isView: _ctx.isView,
-                    disabled: _ctx.disabled,
-                    radioType: "group",
-                    options: _ctx.options,
-                    defaultProps: {
-                      value: _ctx.optionsValueKey,
-                      label: _ctx.optionsLabelKey
-                    },
-                    onChange: unref(changeHandler)
-                  }, _ctx.$attrs), null, 16, ["modelValue", "isView", "disabled", "options", "defaultProps", "onChange"])
-                ],
-                2112
-                /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-              )) : unref(isShow)("checkbox") ? (openBlock(), createElementBlock(
-                Fragment,
-                { key: 2 },
-                [
-                  createCommentVNode(" \u591A\u9009\u6846 "),
-                  createVNode(unref(DasCheckbox), mergeProps({
-                    modelValue: unref(innerValue),
-                    "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(innerValue) ? innerValue.value = $event : null),
-                    isView: _ctx.isView,
-                    disabled: _ctx.disabled,
-                    checkboxType: "group",
-                    options: _ctx.options,
-                    defaultProps: {
-                      value: _ctx.optionsValueKey,
-                      label: _ctx.optionsLabelKey
-                    },
-                    onChange: unref(changeHandler)
-                  }, _ctx.$attrs), null, 16, ["modelValue", "isView", "disabled", "options", "defaultProps", "onChange"])
-                ],
-                2112
-                /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-              )) : unref(isShow)("switch") ? (openBlock(), createElementBlock(
-                Fragment,
-                { key: 3 },
-                [
-                  createCommentVNode(" \u5F00\u5173 "),
-                  createVNode(unref(DasSwitch), mergeProps({
-                    modelValue: unref(innerValue),
-                    "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => isRef(innerValue) ? innerValue.value = $event : null),
-                    disabled: _ctx.disabled,
-                    onChange: unref(changeHandler)
-                  }, _ctx.$attrs), null, 16, ["modelValue", "disabled", "onChange"])
-                ],
-                2112
-                /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-              )) : unref(isShow)("select") ? (openBlock(), createElementBlock(
-                Fragment,
-                { key: 4 },
-                [
-                  createCommentVNode(" \u4E0B\u62C9\u6846 "),
-                  createVNode(unref(DasSelect), mergeProps({
-                    modelValue: unref(innerValue),
-                    "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => isRef(innerValue) ? innerValue.value = $event : null),
-                    isView: _ctx.isView,
-                    disabled: _ctx.disabled,
-                    error: unref(errored),
-                    size: "small",
-                    options: _ctx.options,
-                    width: "100%",
-                    fieldNames: {
-                      value: _ctx.optionsValueKey,
-                      label: _ctx.optionsLabelKey
+                  $setup.isHoverInInput ? (openBlock(), createBlock(Teleport, {
+                    key: 0,
+                    to: "body"
+                  }, [
+                    createElementVNode(
+                      "div",
+                      {
+                        style: normalizeStyle($setup.errorModelStyle)
+                      },
+                      [
+                        createElementVNode(
+                          "span",
+                          {
+                            style: normalizeStyle($setup.errorLabelStyle)
+                          },
+                          toDisplayString($setup.innerError),
+                          5
+                          /* TEXT, STYLE */
+                        )
+                      ],
+                      4
+                      /* STYLE */
+                    )
+                  ])) : (openBlock(), createElementBlock(
+                    "div",
+                    {
+                      key: 1,
+                      style: normalizeStyle($setup.errorModalBaseSyle),
+                      class: "das-form-item-overlay-error-label-content"
                     },
-                    onChange: unref(changeHandler)
-                  }, _ctx.$attrs), null, 16, ["modelValue", "isView", "disabled", "error", "options", "fieldNames", "onChange"])
-                ],
-                2112
-                /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-              )) : unref(isShow)("cascader") ? (openBlock(), createElementBlock(
-                Fragment,
-                { key: 5 },
-                [
-                  createCommentVNode(" \u7EA7\u8054\u9009\u62E9\u5668 "),
-                  createVNode(unref(DasCascader), mergeProps({
-                    modelValue: unref(innerValue),
-                    "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => isRef(innerValue) ? innerValue.value = $event : null),
-                    isView: _ctx.isView,
-                    disabled: _ctx.disabled,
-                    error: unref(errored),
-                    size: "small",
-                    options: _ctx.options,
-                    width: "100%",
-                    onChange: unref(changeHandler)
-                  }, _ctx.$attrs), null, 16, ["modelValue", "isView", "disabled", "error", "options", "onChange"])
-                ],
-                2112
-                /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-              )) : unref(isShow)("treeSelect") ? (openBlock(), createElementBlock(
-                Fragment,
-                { key: 6 },
-                [
-                  createCommentVNode(" \u4E0B\u62C9\u6811 "),
-                  createVNode(unref(DasTreeSelect), mergeProps({
-                    ref_key: "$treeSelect",
-                    ref: $treeSelect,
-                    modelValue: unref(innerValue),
-                    "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => isRef(innerValue) ? innerValue.value = $event : null),
-                    data: _ctx.options,
-                    size: "small",
-                    width: "100%",
-                    isView: _ctx.isView,
-                    disabled: _ctx.disabled,
-                    error: unref(errored),
-                    onChange: unref(changeHandler)
-                  }, _ctx.$attrs), null, 16, ["modelValue", "data", "isView", "disabled", "error", "onChange"])
-                ],
-                2112
-                /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-              )) : unref(isShow)("colorPicker") ? (openBlock(), createElementBlock(
-                Fragment,
-                { key: 7 },
-                [
-                  createCommentVNode(" \u989C\u8272\u9009\u62E9\u5668 "),
-                  createVNode(unref(DasColorPicker), mergeProps({
-                    modelValue: unref(innerValue),
-                    "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => isRef(innerValue) ? innerValue.value = $event : null),
-                    options: _ctx.options,
-                    width: "100%",
-                    onChange: unref(changeHandler),
-                    disabled: _ctx.disabled,
-                    error: unref(errored),
-                    isView: _ctx.isView
-                  }, _ctx.$attrs), null, 16, ["modelValue", "options", "onChange", "disabled", "error", "isView"])
-                ],
-                2112
-                /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-              )) : unref(isShow)("inputNumber") ? (openBlock(), createElementBlock(
-                Fragment,
-                { key: 8 },
-                [
-                  createCommentVNode(" \u6B65\u8FDB\u5668 "),
-                  createVNode(unref(DasInputNumber), mergeProps({
-                    modelValue: unref(innerValue),
-                    "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => isRef(innerValue) ? innerValue.value = $event : null),
-                    width: "100%",
-                    onChange: unref(changeHandler),
-                    disabled: _ctx.disabled,
-                    error: unref(errored),
-                    isView: _ctx.isView
-                  }, _ctx.$attrs), null, 16, ["modelValue", "onChange", "disabled", "error", "isView"])
-                ],
-                2112
-                /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-              )) : unref(isShow)("selectInput") ? (openBlock(), createElementBlock(
-                Fragment,
-                { key: 9 },
-                [
-                  createCommentVNode(" \u641C\u7D22\u7EC4\u4EF6 "),
-                  createVNode(unref(DasSelectInput), mergeProps({
-                    width: "100%",
-                    modelValue: unref(innerValue),
-                    "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => isRef(innerValue) ? innerValue.value = $event : null),
-                    isView: _ctx.isView,
-                    error: unref(errored),
-                    disabled: _ctx.disabled,
-                    optionValue: unref(selectModelValue),
-                    "onUpdate:optionValue": _cache[10] || (_cache[10] = ($event) => isRef(selectModelValue) ? selectModelValue.value = $event : null),
-                    options: _ctx.options,
-                    optionsLabelKey: _ctx.optionsLabelKey,
-                    optionsValueKey: _ctx.optionsValueKey,
-                    onInputChange: unref(changeHandler),
-                    onDasInput: unref(inputHandler),
-                    onSelectChange: unref(selectChangeHandler)
-                  }, _ctx.$attrs), null, 16, ["modelValue", "isView", "error", "disabled", "optionValue", "options", "optionsLabelKey", "optionsValueKey", "onInputChange", "onDasInput", "onSelectChange"])
-                ],
-                2112
-                /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-              )) : unref(isShow)("inputDialogSelect") ? (openBlock(), createElementBlock(
-                Fragment,
-                { key: 10 },
-                [
-                  createCommentVNode(" \u5F39\u7A97\u9009\u62E9 "),
-                  createVNode(unref(DasInputDialogSelect), mergeProps({
-                    style: { "width": "100px", "flex": "1" },
-                    size: "auto",
-                    isView: _ctx.isView,
-                    disabled: _ctx.disabled,
-                    error: unref(errored),
-                    "selected-options": _ctx.options,
-                    modelValue: unref(innerValue),
-                    "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => isRef(innerValue) ? innerValue.value = $event : null)
-                  }, _ctx.$attrs, {
-                    optionsLabelKey: _ctx.optionsLabelKey,
-                    optionsValueKey: _ctx.optionsValueKey
-                  }), null, 16, ["isView", "disabled", "error", "selected-options", "modelValue", "optionsLabelKey", "optionsValueKey"])
+                    [
+                      createElementVNode(
+                        "span",
+                        {
+                          style: normalizeStyle($setup.errorLabelStyle)
+                        },
+                        toDisplayString($setup.innerError),
+                        5
+                        /* TEXT, STYLE */
+                      )
+                    ],
+                    4
+                    /* STYLE */
+                  ))
                 ],
-                2112
-                /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-              )) : unref(isShow)("date", "dateTime", "week", "month", "quarter", "year") ? (openBlock(), createElementBlock(
-                Fragment,
-                { key: 11 },
-                [
-                  createCommentVNode(" \u65E5\u671F\u9009\u62E9\u5668 "),
-                  createVNode(unref(DasDatePicker), mergeProps({
-                    "show-time": _ctx.type === "dateTime",
-                    picker: _ctx.type !== "dateTime" ? _ctx.type : "date",
-                    modelValue: unref(innerValue),
-                    "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => isRef(innerValue) ? innerValue.value = $event : null),
-                    size: "small",
-                    width: "100%",
-                    disabled: _ctx.disabled,
-                    isView: _ctx.isView,
-                    error: unref(errored),
-                    onChange: unref(changeHandler)
-                  }, _ctx.$attrs), null, 16, ["show-time", "picker", "modelValue", "disabled", "isView", "error", "onChange"])
-                ],
-                2112
-                /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-              )) : unref(isShow)("dateRange", "dateTimeRange", "weekRange", "monthRange", "yearRange") ? (openBlock(), createElementBlock(
-                Fragment,
-                { key: 12 },
-                [
-                  createCommentVNode(" \u65E5\u671F\u8303\u56F4\u9009\u62E9\u5668 "),
-                  createVNode(unref(DasRangePicker), mergeProps({
-                    "show-time": _ctx.type === "dateTimeRange",
-                    picker: _ctx.type !== "dateTimeRange" ? _ctx.type.slice(0, -5) : "date",
-                    modelValue: unref(innerValue),
-                    "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => isRef(innerValue) ? innerValue.value = $event : null),
-                    size: "small",
-                    width: "100%",
-                    disabled: _ctx.disabled,
-                    isView: _ctx.isView,
-                    error: unref(errored),
-                    onChange: unref(changeHandler)
-                  }, _ctx.$attrs), null, 16, ["show-time", "picker", "modelValue", "disabled", "isView", "error", "onChange"])
-                ],
-                2112
-                /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-              )) : unref(isShow)("time") ? (openBlock(), createElementBlock(
-                Fragment,
-                { key: 13 },
-                [
-                  createCommentVNode(" \u65F6\u95F4\u9009\u62E9\u5668 "),
-                  createVNode(unref(DasTimePicker), mergeProps({
-                    modelValue: unref(innerValue),
-                    "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => isRef(innerValue) ? innerValue.value = $event : null),
-                    size: "small",
-                    width: "100%",
-                    disabled: _ctx.disabled,
-                    isView: _ctx.isView,
-                    onChange: unref(changeHandler)
-                  }, _ctx.$attrs), null, 16, ["modelValue", "disabled", "isView", "onChange"])
-                ],
-                2112
-                /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-              )) : unref(isShow)("timeRange") ? (openBlock(), createElementBlock(
-                Fragment,
-                { key: 14 },
-                [
-                  createCommentVNode(" \u65F6\u95F4\u8303\u56F4\u9009\u62E9\u5668 "),
-                  createVNode(unref(DasTimeRangePicker), mergeProps({
-                    modelValue: unref(innerValue),
-                    "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => isRef(innerValue) ? innerValue.value = $event : null),
-                    size: "small",
-                    width: "100%",
-                    disabled: _ctx.disabled,
-                    isView: _ctx.isView,
-                    onChange: unref(changeHandler)
-                  }, _ctx.$attrs), null, 16, ["modelValue", "disabled", "isView", "onChange"])
-                ],
-                2112
-                /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-              )) : createCommentVNode("v-if", true),
-              createCommentVNode(" \u63D2\u69FD "),
-              renderSlot(_ctx.$slots, "default", {}, void 0, true),
-              createCommentVNode(" \u63D0\u793A "),
-              withDirectives((openBlock(), createElementBlock(
-                "div",
-                {
-                  class: normalizeClass([unref(erroredMode) === "default" ? "error-label" : "error-label--overlay"])
-                },
-                [
-                  createTextVNode(
-                    toDisplayString(unref(innerError)),
-                    1
-                    /* TEXT */
-                  )
-                ],
-                2
-                /* CLASS */
-              )), [
-                [vShow, (unref(erroredMode) === "default" || unref(erroredMode) === "overlay" && unref(isHoverIn)) && unref(errored)],
-                [unref(vDasTooltip)]
-              ])
+                64
+                /* STABLE_FRAGMENT */
+              )) : createCommentVNode("v-if", true)
             ],
-            4
-            /* STYLE */
-          )), [
-            [unref(vHoverInside), unref(mouseEnterAndLeave)]
-          ])
+            64
+            /* STABLE_FRAGMENT */
+          )) : createCommentVNode("v-if", true)
         ],
-        6
-        /* CLASS, STYLE */
-      );
-    };
-  }
-});
-
-var _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-
-var FormItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-13d30b83"], ["__file", "E:\\company-code\\v6r3\\framework-3\\packages\\das-ui\\packages\\components\\form-item\\src\\Index.vue"]]);
+        36
+        /* STYLE, NEED_HYDRATION */
+      )
+    ],
+    6
+    /* CLASS, STYLE */
+  );
+}
+var FormItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-13d30b83"], ["__file", "/Users/xiecp/das/das-fe/framework/packages/das-ui/packages/components/form-item/src/Index.vue"]]);
 
 var theme = {
   "--das-ui-form-error-label-color": { light: "#fb2323" },