@das-fed/ui 6.4.0-hot.7 → 6.4.0-hot.9

package/packages/components/date-picker/index.js

@@ -1,29 +1,29 @@
 import '@das-fed/ui/packages/components/date-picker/style.css';
-import { withInstall as K } from "@das-fed/utils/with-install/index";
-import { defineComponent as Q, useCssVars as ee, ref as v, computed as n, onMounted as ke, openBlock as t, createElementBlock as u, normalizeClass as te, unref as l, normalizeStyle as c, createVNode as M, withCtx as f, withDirectives as re, createBlock as N, mergeProps as G, isRef as pe, createSlots as we, renderSlot as g, normalizeProps as se, guardReactiveProps as de, createElementVNode as p, toDisplayString as b, Fragment as P, Teleport as oe, createCommentVNode as E, useAttrs as xe, createTextVNode as ve, renderList as fe, withModifiers as Ie, pushScopeId as be, popScopeId as me } from "vue";
-import { ConfigProvider as ne, DatePicker as $e, RangePicker as Me, Dropdown as ze, Menu as Ce, MenuItem as Ve, TimePicker as Se, TimeRangePicker as De } from "ant-design-vue";
-import { DasAutoRegisterIcon as ge, DasIcon as j } from "@das-fed/ui/packages/components/icon/index";
+import { withInstall as Q } from "@das-fed/utils/with-install/index";
+import { defineComponent as _, useCssVars as ee, ref as v, computed as n, onMounted as me, openBlock as s, createElementBlock as i, normalizeClass as te, unref as t, normalizeStyle as c, createVNode as $, withCtx as f, withDirectives as re, createBlock as N, mergeProps as J, isRef as pe, createSlots as ke, renderSlot as k, normalizeProps as se, guardReactiveProps as de, createElementVNode as p, toDisplayString as h, createCommentVNode as m, Fragment as S, Teleport as oe, useAttrs as ge, createTextVNode as ve, renderList as fe, withModifiers as we } from "vue";
+import { ConfigProvider as ne, DatePicker as xe, RangePicker as Me, Dropdown as Ie, Menu as $e, MenuItem as ze, TimePicker as Ce, TimeRangePicker as Ve } from "ant-design-vue";
+import { DasAutoRegisterIcon as he, DasIcon as X } from "@das-fed/ui/packages/components/icon/index";
 import { useModelValue as F } from "@das-fed/utils/vue";
 import { vHoverInside as ae } from "@das-fed/utils/directive/hoverInside/index";
-import { useZIndex as ue } from "@das-fed/utils/hooks/popup-manager/use-zindex";
-import { getVarValue as Z, getVar as Pe, setThemeRule as Be } from "@das-fed/web/packages/theme/index";
+import { useZIndex as ie } from "@das-fed/utils/hooks/popup-manager/use-zindex";
+import { getVarValue as H, getVar as Le, setThemeRule as De } from "@das-fed/web/packages/theme/index";
 import "ant-design-vue/es/date-picker/style/css";
 import "ant-design-vue/es/config-provider/style/css";
-import ie from "ant-design-vue/es/locale/zh_CN";
+import ue from "ant-design-vue/es/locale/zh_CN";
 import "dayjs/locale/zh-cn";
-import { DasDatePicker as he } from "@das-fed/ui/packages/components/date-picker/index";
+import { DasDatePicker as be } from "@das-fed/ui/packages/components/date-picker/index";
 import ye from "dayjs";
 import "ant-design-vue/es/dropdown/style/css";
 import "ant-design-vue/es/menu/style/css";
-import { DasIconDengdai as Te } from "@das-fed/ui/packages/icons/dengdai/index";
+import { DasIconDengdai as Pe } from "@das-fed/ui/packages/icons/dengdai/index";
 import "ant-design-vue/es/time-picker/style/css";
-const Le = { class: "ant-picker-cell-inner" }, Ne = {
+const Se = { class: "ant-picker-cell-inner" }, Be = {
   key: 0,
   class: "das-date-picker-error-label-content"
-}, Ee = {
+}, Te = {
   name: "DasDatePicker"
-}, Re = /* @__PURE__ */ Q({
-  ...Ee,
+}, Ee = /* @__PURE__ */ _({
+  ...Te,
   props: {
     modelValue: {},
     borderType: { default: "underline" },
@@ -43,27 +43,27 @@ const Le = { class: "ant-picker-cell-inner" }, Ne = {
     noSetDefaultVal: { type: Boolean, default: !1 }
   },
   emits: ["change", "openChange", "update:model-value", "update:error"],
-  setup(m, { expose: B, emit: s }) {
+  setup(L, { expose: B, emit: d }) {
     ee((e) => ({
-      "33ea783c": H.value,
-      "7d0282ea": W.value
+      "3ac62e17": Z.value,
+      "04309af6": W.value
     }));
-    const o = m, i = s;
-    ge({
+    const o = L, u = d;
+    he({
       right: import("@das-fed/ui/packages/icons/right"),
       left: import("@das-fed/ui/packages/icons/left"),
       "double-arrow-left": import("@das-fed/ui/packages/icons/double-arrow-left"),
       "double-arrow-right": import("@das-fed/ui/packages/icons/double-arrow-right"),
       riqixuanze: import("@das-fed/ui/packages/icons/riqixuanze")
     });
-    const a = v(), x = F(o, "modelValue"), I = F(o, "error"), H = n(() => o.width ? o.width : "230px"), W = n(() => o.height ? o.height : "auto"), V = v(3e3), S = n(() => ({
+    const a = v(), x = F(o, "modelValue"), M = F(o, "error"), Z = n(() => o.width ? o.width : "230px"), W = n(() => o.height ? o.height : "auto"), V = v(3e3), D = n(() => ({
       "z-index": V.value
-    })), k = v(!1), h = v({
+    })), g = v(!1), b = v({
       x: 0,
       y: 0
     }), z = v(0), C = n(() => ({
       "font-size": "12px",
-      "background-color": Z("--das-ui-input-number-overlay-error-bg-color").value,
+      "background-color": H("--das-ui-input-number-overlay-error-bg-color").value,
       "box-shadow": "0px 4px 10px 0px rgba(0, 0, 0, 0.2)",
       "border-radius": "1px",
       padding: "4px 8px",
@@ -74,32 +74,32 @@ const Le = { class: "ant-picker-cell-inner" }, Ne = {
       width: z.value + "px",
       position: "fixed",
       visibility: "visible",
-      top: h.value.y + "px",
-      left: h.value.x + "px"
+      top: b.value.y + "px",
+      left: b.value.x + "px"
     })), w = v({
       display: "block",
-      color: Z("--das-ui-input-error-color").value,
+      color: H("--das-ui-input-error-color").value,
       "white-space": "break-spaces",
       "word-break": "break-all"
     }), U = (e) => {
-      e && (V.value = ue().nextZIndex()), i("openChange", e);
+      e && (V.value = ie().nextZIndex()), u("openChange", e);
     }, Y = () => {
-      var y, $, D;
+      var y, I, P;
       const { top: e, left: r } = (y = a.value) == null ? void 0 : y.$el.getBoundingClientRect();
-      let d = ($ = a.value) == null ? void 0 : $.$el.clientHeight;
-      o.borderType !== "none" && (d = d + 2), z.value = (D = a.value) == null ? void 0 : D.$el.clientWidth, h.value.x = r, h.value.y = e + d;
-    }, _ = () => {
-      Y(), k.value = !0;
+      let l = (I = a.value) == null ? void 0 : I.$el.clientHeight;
+      o.borderType !== "none" && (l = l + 2), z.value = (P = a.value) == null ? void 0 : P.$el.clientWidth, b.value.x = r, b.value.y = e + l;
     }, O = () => {
-      k.value = !1;
+      Y(), g.value = !0;
+    }, q = () => {
+      g.value = !1;
     }, R = (e, r) => {
-      e ? _() : O();
-    }, T = n(() => o.isView ? o.noSetDefaultVal ? "" : "-" : o.placeholder), L = n(() => ({
+      e ? O() : q();
+    }, T = n(() => o.isView ? o.noSetDefaultVal ? "" : "-" : o.placeholder), E = n(() => ({
       width: o.width
-    })), q = (e, r) => {
-      I.value = !1, i("update:error", I.value), i("update:model-value", e), i("change", e, r);
+    })), j = (e, r) => {
+      M.value = !1, u("update:error", M.value), u("update:model-value", e), u("change", e, r);
     };
-    return ke(() => {
+    return me(() => {
     }), B({
       $datePicker: a,
       blur: () => {
@@ -108,132 +108,194 @@ const Le = { class: "ant-picker-cell-inner" }, Ne = {
       focus: () => {
         a.value.focus();
       }
-    }), (e, r) => (t(), u("div", {
-      class: te(["das-ui-date-picker", [e.borderType, o.isView ? "readonly" : "", l(I) ? "is-error" : ""]]),
-      style: c(L.value)
-    }, [
-      M(l(ne), { locale: l(ie) }, {
-        default: f(() => [
-          re((t(), N(l($e), G({
-            ref_key: "$datePicker",
-            ref: a
-          }, e.$attrs, {
-            value: l(x),
-            "onUpdate:value": r[0] || (r[0] = (d) => pe(x) ? x.value = d : null),
-            size: o.size,
-            dropdownClassName: "das-ui-date-picker-dropdown " + e.dropdownClassName,
-            placeholder: T.value,
-            showToday: e.showToday,
-            bordered: e.borderType === "bordered",
-            disabled: o.disabled || o.isView,
-            style: L.value,
-            popupStyle: S.value,
-            onChange: q,
-            onOpenChange: U
-          }), we({
-            dateRender: f((d) => [
-              g(e.$slots, "dateRender", se(de(d)), () => [
-                p("div", Le, b(d.current.date()), 1)
-              ], !0)
-            ]),
-            nextIcon: f(() => [
-              g(e.$slots, "nextIcon", {}, () => [
-                M(l(j), {
-                  icon: "right",
-                  size: "medium"
-                })
-              ], !0)
-            ]),
-            prevIcon: f(() => [
-              g(e.$slots, "prevIcon", {}, () => [
-                M(l(j), {
-                  icon: "left",
-                  size: "medium"
-                })
-              ], !0)
-            ]),
-            superNextIcon: f(() => [
-              g(e.$slots, "superNextIcon", {}, () => [
-                M(l(j), {
-                  icon: "double-arrow-right",
-                  size: "medium"
-                })
-              ], !0)
-            ]),
-            superPrevIcon: f(() => [
-              g(e.$slots, "superPrevIcon", {}, () => [
-                M(l(j), {
-                  icon: "double-arrow-left",
-                  size: "medium"
-                })
-              ], !0)
-            ]),
-            suffixIcon: f(() => [
-              g(e.$slots, "suffixIcon", {}, () => [
-                M(l(j), {
-                  class: "das-suffix-icon",
-                  icon: "riqixuanze",
-                  size: "medium"
-                })
-              ], !0)
-            ]),
-            _: 2
-          }, [
-            e.$slots.renderExtraFooter ? {
-              name: "renderExtraFooter",
-              fn: f(() => [
-                g(e.$slots, "renderExtraFooter", {}, void 0, !0)
+    }), (e, r) => (s(), i(
+      "div",
+      {
+        class: te(["das-ui-date-picker", [e.borderType, o.isView ? "readonly" : "", t(M) ? "is-error" : ""]]),
+        style: c(E.value)
+      },
+      [
+        $(t(ne), { locale: t(ue) }, {
+          default: f(() => [
+            re((s(), N(t(xe), J({
+              ref_key: "$datePicker",
+              ref: a
+            }, e.$attrs, {
+              value: t(x),
+              "onUpdate:value": r[0] || (r[0] = (l) => pe(x) ? x.value = l : null),
+              size: o.size,
+              dropdownClassName: "das-ui-date-picker-dropdown " + e.dropdownClassName,
+              placeholder: T.value,
+              showToday: e.showToday,
+              bordered: e.borderType === "bordered",
+              disabled: o.disabled || o.isView,
+              style: E.value,
+              popupStyle: D.value,
+              onChange: j,
+              onOpenChange: U
+            }), ke({
+              dateRender: f((l) => [
+                k(e.$slots, "dateRender", se(de(l)), () => [
+                  p(
+                    "div",
+                    Se,
+                    h(l.current.date()),
+                    1
+                    /* TEXT */
+                  )
+                ], !0)
+              ]),
+              nextIcon: f(() => [
+                k(e.$slots, "nextIcon", {}, () => [
+                  $(t(X), {
+                    icon: "right",
+                    size: "medium"
+                  })
+                ], !0)
+              ]),
+              prevIcon: f(() => [
+                k(e.$slots, "prevIcon", {}, () => [
+                  $(t(X), {
+                    icon: "left",
+                    size: "medium"
+                  })
+                ], !0)
+              ]),
+              superNextIcon: f(() => [
+                k(e.$slots, "superNextIcon", {}, () => [
+                  $(t(X), {
+                    icon: "double-arrow-right",
+                    size: "medium"
+                  })
+                ], !0)
+              ]),
+              superPrevIcon: f(() => [
+                k(e.$slots, "superPrevIcon", {}, () => [
+                  $(t(X), {
+                    icon: "double-arrow-left",
+                    size: "medium"
+                  })
+                ], !0)
               ]),
-              key: "0"
-            } : void 0
-          ]), 1040, ["value", "size", "dropdownClassName", "placeholder", "showToday", "bordered", "disabled", "style", "popupStyle"])), [
-            [l(ae), R]
-          ])
-        ]),
-        _: 3
-      }, 8, ["locale"]),
-      e.error && e.errorLabel ? (t(), u(P, { key: 0 }, [
-        e.errorMode === "default" ? (t(), u("div", Ne, [
-          p("span", {
-            style: c(w.value)
-          }, b(e.errorLabel), 5)
-        ])) : e.errorMode === "overlay" && k.value ? (t(), u(P, { key: 1 }, [
-          e.teleported ? (t(), N(oe, {
-            key: 0,
-            to: "body"
-          }, [
-            p("div", {
-              style: c(A.value)
+              suffixIcon: f(() => [
+                k(e.$slots, "suffixIcon", {}, () => [
+                  $(t(X), {
+                    class: "das-suffix-icon",
+                    icon: "riqixuanze",
+                    size: "medium"
+                  })
+                ], !0)
+              ]),
+              _: 2
+              /* DYNAMIC */
             }, [
-              p("span", {
-                style: c(w.value)
-              }, b(e.errorLabel), 5)
-            ], 4)
-          ])) : (t(), u("div", {
-            key: 1,
-            style: c(C.value),
-            class: "das-picker-error-label label"
-          }, [
-            p("span", {
-              style: c(w.value)
-            }, b(e.errorLabel), 5)
-          ], 4))
-        ], 64)) : E("", !0)
-      ], 64)) : E("", !0)
-    ], 6));
+              e.$slots.renderExtraFooter ? {
+                name: "renderExtraFooter",
+                fn: f(() => [
+                  k(e.$slots, "renderExtraFooter", {}, void 0, !0)
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1040, ["value", "size", "dropdownClassName", "placeholder", "showToday", "bordered", "disabled", "style", "popupStyle"])), [
+              [t(ae), R]
+            ])
+          ]),
+          _: 3
+          /* FORWARDED */
+        }, 8, ["locale"]),
+        m(` <div\r
+      :class="[errorMode === 'default' ? 'das-date-picker-error-label-content' : 'das-date-picker-overlay-error-label-content', 'das-picker-label-content']"\r
+      v-if="(errorMode === 'default' || (errorMode === 'overlay' && isHoverInInput)) && currError && !!errorLabel"\r
+    >\r
+      <span v-if="currError" class="das-picker-error-label label" :title="errorLabel">{{ errorLabel }}</span>\r
+    </div> `),
+        e.error && e.errorLabel ? (s(), i(
+          S,
+          { key: 0 },
+          [
+            e.errorMode === "default" ? (s(), i("div", Be, [
+              p(
+                "span",
+                {
+                  style: c(w.value)
+                },
+                h(e.errorLabel),
+                5
+                /* TEXT, STYLE */
+              )
+            ])) : e.errorMode === "overlay" && g.value ? (s(), i(
+              S,
+              { key: 1 },
+              [
+                e.teleported ? (s(), N(oe, {
+                  key: 0,
+                  to: "body"
+                }, [
+                  p(
+                    "div",
+                    {
+                      style: c(A.value)
+                    },
+                    [
+                      p(
+                        "span",
+                        {
+                          style: c(w.value)
+                        },
+                        h(e.errorLabel),
+                        5
+                        /* TEXT, STYLE */
+                      )
+                    ],
+                    4
+                    /* STYLE */
+                  )
+                ])) : (s(), i(
+                  "div",
+                  {
+                    key: 1,
+                    style: c(C.value),
+                    class: "das-picker-error-label label"
+                  },
+                  [
+                    p(
+                      "span",
+                      {
+                        style: c(w.value)
+                      },
+                      h(e.errorLabel),
+                      5
+                      /* TEXT, STYLE */
+                    )
+                  ],
+                  4
+                  /* STYLE */
+                ))
+              ],
+              64
+              /* STABLE_FRAGMENT */
+            )) : m("v-if", !0)
+          ],
+          64
+          /* STABLE_FRAGMENT */
+        )) : m("v-if", !0)
+      ],
+      6
+      /* CLASS, STYLE */
+    ));
   }
-}), le = (m, B) => {
-  const s = m.__vccOpts || m;
-  for (const [o, i] of B)
-    s[o] = i;
-  return s;
-}, Fe = /* @__PURE__ */ le(Re, [["__scopeId", "data-v-40fd173a"]]), Ze = { class: "date-range-separator" }, He = {
+}), le = (L, B) => {
+  const d = L.__vccOpts || L;
+  for (const [o, u] of B)
+    d[o] = u;
+  return d;
+}, Ne = /* @__PURE__ */ le(Ee, [["__scopeId", "data-v-ad8b2828"]]), Re = { class: "date-range-separator" }, Fe = {
   key: 0,
   class: "das-date-picker-error-label-content"
-}, We = {
+}, He = {
   name: "DasDateRangePicker"
-}, Ae = /* @__PURE__ */ Q({
-  ...We,
+}, Ze = /* @__PURE__ */ _({
+  ...He,
   props: {
     modelValue: {},
     borderType: { default: "bordered" },
@@ -258,134 +320,188 @@ const Le = { class: "ant-picker-cell-inner" }, Ne = {
     disabledUnit: {}
   },
   emits: ["change", "update:model-value", "update:error"],
-  setup(m, { emit: B }) {
+  setup(L, { emit: B }) {
     ee((e) => ({
-      "3f995453": H.value,
-      "02e2551a": I.value
+      a214e9be: Z.value,
+      da45e6e8: M.value
     }));
-    const s = m, o = B, i = xe(), a = F(s, "modelValue"), x = F(s, "error"), I = n(() => s.width ? s.width : "230px"), H = n(() => s.height ? s.height : "auto"), W = n(() => ({ ...i, ...s.prevAttrs })), V = n(() => ({ ...i, ...s.nextAttrs })), S = v(), k = v(!1), h = v({
+    const d = L, o = B, u = ge(), a = F(d, "modelValue"), x = F(d, "error"), M = n(() => d.width ? d.width : "230px"), Z = n(() => d.height ? d.height : "auto"), W = n(() => ({ ...u, ...d.prevAttrs })), V = n(() => ({ ...u, ...d.nextAttrs })), D = v(), g = v(!1), b = v({
       x: 0,
       y: 0
     }), z = v(0), C = n(() => ({
       "font-size": "12px",
-      "background-color": Z("--das-ui-input-number-overlay-error-bg-color").value,
+      "background-color": H("--das-ui-input-number-overlay-error-bg-color").value,
       "box-shadow": "0px 4px 10px 0px rgba(0, 0, 0, 0.2)",
       "border-radius": "1px",
       padding: "4px 8px",
       "box-sizing": "border-box",
-      "z-index": s.errorModelZIndex
+      "z-index": d.errorModelZIndex
     })), A = n(() => ({
       ...C.value,
       width: z.value + "px",
       position: "fixed",
       visibility: "visible",
-      top: h.value.y + "px",
-      left: h.value.x + "px"
+      top: b.value.y + "px",
+      left: b.value.x + "px"
     })), w = v({
       display: "block",
-      color: Z("--das-ui-input-error-color").value,
+      color: H("--das-ui-input-error-color").value,
       "white-space": "break-spaces",
       "word-break": "break-all"
     }), U = () => {
-      const { top: e, left: r } = S.value.getBoundingClientRect();
-      let d = S.value.clientHeight;
-      z.value = S.value.clientWidth, h.value.x = r, h.value.y = e + d;
+      const { top: e, left: r } = D.value.getBoundingClientRect();
+      let l = D.value.clientHeight;
+      z.value = D.value.clientWidth, b.value.x = r, b.value.y = e + l;
     }, Y = () => {
-      U(), k.value = !0;
-    }, _ = () => {
-      k.value = !1;
-    }, O = (e, r) => {
-      e ? Y() : _();
+      U(), g.value = !0;
+    }, O = () => {
+      g.value = !1;
+    }, q = (e, r) => {
+      e ? Y() : O();
     }, R = n(() => {
-      let e = s.valueFormat ? s.valueFormat : s.format;
+      let e = d.valueFormat ? d.valueFormat : d.format;
       return [
         a.value[0] ? ye.isDayjs(a.value[0]) ? a.value[0].format(e) : a.value[0] : "",
         a.value[1] ? ye.isDayjs(a.value[1]) ? a.value[1].format(e) : a.value[1] : ""
       ];
-    }), T = (e) => s.disabledDate && s.disabledDate(e) === !0 ? !0 : !!(a.value[1] && e.isAfter(a.value[1], s.disabledUnit || void 0)), L = (e) => s.disabledDate && s.disabledDate(e) === !0 ? !0 : !!(a.value[0] && e.isBefore(a.value[0], s.disabledUnit || void 0)), q = n(() => ({
-      width: s.width
-    })), X = (e, r) => {
+    }), T = (e) => d.disabledDate && d.disabledDate(e) === !0 ? !0 : !!(a.value[1] && e.isAfter(a.value[1], d.disabledUnit || void 0)), E = (e) => d.disabledDate && d.disabledDate(e) === !0 ? !0 : !!(a.value[0] && e.isBefore(a.value[0], d.disabledUnit || void 0)), j = n(() => ({
+      width: d.width
+    })), G = (e, r) => {
       x.value = !1, o("update:model-value", a.value), o("change", a.value, R.value);
-    }, J = (e, r) => {
+    }, K = (e, r) => {
       x.value = !1, o("update:model-value", a.value), o("change", a.value, R.value);
     };
-    return (e, r) => re((t(), u("div", {
-      class: "das-ui-date-range-picker",
-      style: c(q.value),
-      ref_key: "$dateRange",
-      ref: S
-    }, [
-      M(l(he), G(W.value, {
-        modelValue: l(a)[0],
-        "onUpdate:modelValue": r[0] || (r[0] = (d) => l(a)[0] = d),
-        format: s.format,
-        size: s.size,
-        valueFormat: s.valueFormat,
-        borderType: s.borderType,
-        error: l(x),
-        width: s.itemWidth,
-        "disabled-date": T,
-        placeholder: e.placeholder[0],
-        onChange: X
-      }), null, 16, ["modelValue", "format", "size", "valueFormat", "borderType", "error", "width", "placeholder"]),
-      g(e.$slots, "separator", {}, () => [
-        p("span", Ze, b(s.separator), 1)
-      ], !0),
-      M(l(he), G(V.value, {
-        modelValue: l(a)[1],
-        "onUpdate:modelValue": r[1] || (r[1] = (d) => l(a)[1] = d),
-        format: s.format,
-        size: s.size,
-        valueFormat: s.valueFormat,
-        borderType: s.borderType,
-        error: l(x),
-        width: s.itemWidth,
-        "disabled-date": L,
-        placeholder: e.placeholder[1],
-        onChange: J
-      }), null, 16, ["modelValue", "format", "size", "valueFormat", "borderType", "error", "width", "placeholder"]),
-      e.error && e.errorLabel ? (t(), u(P, { key: 0 }, [
-        e.errorMode === "default" ? (t(), u("div", He, [
-          p("span", {
-            style: c(w.value)
-          }, b(e.errorLabel), 5)
-        ])) : e.errorMode === "overlay" && k.value ? (t(), u(P, { key: 1 }, [
-          e.teleported ? (t(), N(oe, {
-            key: 0,
-            to: "body"
-          }, [
-            p("div", {
-              style: c(A.value)
-            }, [
-              p("span", {
-                style: c(w.value)
-              }, b(e.errorLabel), 5)
-            ], 4)
-          ])) : (t(), u("div", {
-            key: 1,
-            style: c(C.value),
-            class: "das-picker-error-label label"
-          }, [
-            p("span", {
-              style: c(w.value)
-            }, b(e.errorLabel), 5)
-          ], 4))
-        ], 64)) : E("", !0)
-      ], 64)) : E("", !0)
-    ], 4)), [
-      [l(ae), O]
+    return (e, r) => re((s(), i(
+      "div",
+      {
+        class: "das-ui-date-range-picker",
+        style: c(j.value),
+        ref_key: "$dateRange",
+        ref: D
+      },
+      [
+        $(t(be), J(W.value, {
+          modelValue: t(a)[0],
+          "onUpdate:modelValue": r[0] || (r[0] = (l) => t(a)[0] = l),
+          format: d.format,
+          size: d.size,
+          valueFormat: d.valueFormat,
+          borderType: d.borderType,
+          error: t(x),
+          width: d.itemWidth,
+          "disabled-date": T,
+          placeholder: e.placeholder[0],
+          onChange: G
+        }), null, 16, ["modelValue", "format", "size", "valueFormat", "borderType", "error", "width", "placeholder"]),
+        k(e.$slots, "separator", {}, () => [
+          p(
+            "span",
+            Re,
+            h(d.separator),
+            1
+            /* TEXT */
+          )
+        ], !0),
+        $(t(be), J(V.value, {
+          modelValue: t(a)[1],
+          "onUpdate:modelValue": r[1] || (r[1] = (l) => t(a)[1] = l),
+          format: d.format,
+          size: d.size,
+          valueFormat: d.valueFormat,
+          borderType: d.borderType,
+          error: t(x),
+          width: d.itemWidth,
+          "disabled-date": E,
+          placeholder: e.placeholder[1],
+          onChange: K
+        }), null, 16, ["modelValue", "format", "size", "valueFormat", "borderType", "error", "width", "placeholder"]),
+        e.error && e.errorLabel ? (s(), i(
+          S,
+          { key: 0 },
+          [
+            e.errorMode === "default" ? (s(), i("div", Fe, [
+              p(
+                "span",
+                {
+                  style: c(w.value)
+                },
+                h(e.errorLabel),
+                5
+                /* TEXT, STYLE */
+              )
+            ])) : e.errorMode === "overlay" && g.value ? (s(), i(
+              S,
+              { key: 1 },
+              [
+                e.teleported ? (s(), N(oe, {
+                  key: 0,
+                  to: "body"
+                }, [
+                  p(
+                    "div",
+                    {
+                      style: c(A.value)
+                    },
+                    [
+                      p(
+                        "span",
+                        {
+                          style: c(w.value)
+                        },
+                        h(e.errorLabel),
+                        5
+                        /* TEXT, STYLE */
+                      )
+                    ],
+                    4
+                    /* STYLE */
+                  )
+                ])) : (s(), i(
+                  "div",
+                  {
+                    key: 1,
+                    style: c(C.value),
+                    class: "das-picker-error-label label"
+                  },
+                  [
+                    p(
+                      "span",
+                      {
+                        style: c(w.value)
+                      },
+                      h(e.errorLabel),
+                      5
+                      /* TEXT, STYLE */
+                    )
+                  ],
+                  4
+                  /* STYLE */
+                ))
+              ],
+              64
+              /* STABLE_FRAGMENT */
+            )) : m("v-if", !0)
+          ],
+          64
+          /* STABLE_FRAGMENT */
+        )) : m("v-if", !0)
+      ],
+      4
+      /* STYLE */
+    )), [
+      [t(ae), q]
     ]);
   }
-}), Ue = /* @__PURE__ */ le(Ae, [["__scopeId", "data-v-f1a9a103"]]), Ye = (m) => (be("data-v-f3fc1571"), m = m(), me(), m), _e = { class: "ant-picker-cell-inner" }, Oe = /* @__PURE__ */ Ye(() => /* @__PURE__ */ p("div", { style: { padding: "0 8px" } }, "~", -1)), qe = { class: "das-picker-footer-extra" }, je = {
+}), We = /* @__PURE__ */ le(Ze, [["__scopeId", "data-v-15efaceb"]]), Ae = { class: "ant-picker-cell-inner" }, Ue = { class: "das-picker-footer-extra" }, Ye = {
   key: 0,
   class: "das-picker-ranges"
-}, Xe = { class: "das-picker-preset-span" }, Ge = ["onClick"], Je = {
+}, Oe = { class: "das-picker-preset-span" }, qe = ["onClick"], je = {
   key: 0,
   class: "das-date-picker-error-label-content"
-}, Ke = {
+}, Xe = {
   name: "DasRangePicker"
-}, Qe = /* @__PURE__ */ Q({
-  ...Ke,
+}, Ge = /* @__PURE__ */ _({
+  ...Xe,
   props: {
     modelValue: {},
     borderType: { default: "underline" },
@@ -408,24 +524,24 @@ const Le = { class: "ant-picker-cell-inner" }, Ne = {
     noSetDefaultVal: { type: Boolean }
   },
   emits: ["change", "openChange", "update:model-value", "update:error"],
-  setup(m, { expose: B, emit: s }) {
+  setup(L, { expose: B, emit: d }) {
     ee((r) => ({
-      "505b7d88": H.value,
-      bd758cb6: W.value
+      "5db2225d": Z.value,
+      "3ec32f70": W.value
     }));
-    const o = m, i = s;
-    ge({
+    const o = L, u = d;
+    he({
       fold: import("@das-fed/ui/packages/icons/fold"),
       riqixuanze: import("@das-fed/ui/packages/icons/riqixuanze")
     });
-    const a = v(), x = F(o, "modelValue"), I = F(o, "error"), H = n(() => o.width ? o.width : "230px"), W = n(() => o.height ? o.height : "auto"), V = v(3e3), S = n(() => ({
+    const a = v(), x = F(o, "modelValue"), M = F(o, "error"), Z = n(() => o.width ? o.width : "230px"), W = n(() => o.height ? o.height : "auto"), V = v(3e3), D = n(() => ({
       "z-index": V.value
-    })), k = v(!1), h = v({
+    })), g = v(!1), b = v({
       x: 0,
       y: 0
     }), z = v(0), C = n(() => ({
       "font-size": "12px",
-      "background-color": Z("--das-ui-input-number-overlay-error-bg-color").value,
+      "background-color": H("--das-ui-input-number-overlay-error-bg-color").value,
       "box-shadow": "0px 4px 10px 0px rgba(0, 0, 0, 0.2)",
       "border-radius": "1px",
       padding: "4px 8px",
@@ -436,36 +552,36 @@ const Le = { class: "ant-picker-cell-inner" }, Ne = {
       width: z.value + "px",
       position: "fixed",
       visibility: "visible",
-      top: h.value.y + "px",
-      left: h.value.x + "px"
+      top: b.value.y + "px",
+      left: b.value.x + "px"
     })), w = v({
       display: "block",
-      color: Z("--das-ui-input-error-color").value,
+      color: H("--das-ui-input-error-color").value,
       "white-space": "break-spaces",
       "word-break": "break-all"
     }), U = (r) => {
-      r && (V.value = ue().nextZIndex()), i("openChange", r);
+      r && (V.value = ie().nextZIndex()), u("openChange", r);
     }, Y = () => {
-      var $, D, ce;
-      const { top: r, left: d } = ($ = a.value) == null ? void 0 : $.$el.getBoundingClientRect();
-      let y = (D = a.value) == null ? void 0 : D.$el.clientHeight;
-      o.borderType !== "none" && (y = y + 2), z.value = (ce = a.value) == null ? void 0 : ce.$el.clientWidth, h.value.x = d, h.value.y = r + y;
-    }, _ = () => {
-      Y(), k.value = !0;
+      var I, P, ce;
+      const { top: r, left: l } = (I = a.value) == null ? void 0 : I.$el.getBoundingClientRect();
+      let y = (P = a.value) == null ? void 0 : P.$el.clientHeight;
+      o.borderType !== "none" && (y = y + 2), z.value = (ce = a.value) == null ? void 0 : ce.$el.clientWidth, b.value.x = l, b.value.y = r + y;
     }, O = () => {
-      k.value = !1;
-    }, R = (r, d) => {
-      r ? _() : O();
-    }, T = n(() => o.isView ? o.noSetDefaultVal ? ["", ""] : ["-", "-"] : o.placeholder), L = n(() => ({
+      Y(), g.value = !0;
+    }, q = () => {
+      g.value = !1;
+    }, R = (r, l) => {
+      r ? O() : q();
+    }, T = n(() => o.isView ? o.noSetDefaultVal ? ["", ""] : ["-", "-"] : o.placeholder), E = n(() => ({
       width: o.width
-    })), q = (r, d) => {
-      if (I.value = !1, r === null) {
-        i("update:model-value", [null, null]), i("change", [null, null], d);
+    })), j = (r, l) => {
+      if (M.value = !1, r === null) {
+        u("update:model-value", [null, null]), u("change", [null, null], l);
         return;
       }
-      i("update:error", I.value), i("update:model-value", r), i("change", r, d);
-    }, X = (r) => {
-      i("update:model-value", r.value), i("change", r.value, [r.value[0].format(o.format), r.value[1].format(o.format)]), a.value.blur();
+      u("update:error", M.value), u("update:model-value", r), u("change", r, l);
+    }, G = (r) => {
+      u("update:model-value", r.value), u("change", r.value, [r.value[0].format(o.format), r.value[1].format(o.format)]), a.value.blur();
     };
     return B({
       $rangePicker: a,
@@ -475,159 +591,292 @@ const Le = { class: "ant-picker-cell-inner" }, Ne = {
       focus: () => {
         a.value.focus();
       }
-    }), (r, d) => (t(), u("div", {
-      class: te(["das-ui-range-picker", [r.borderType, o.isView ? "readonly" : "", l(I) ? "is-error" : ""]]),
-      style: c(L.value)
-    }, [
-      M(l(ne), { locale: l(ie) }, {
-        default: f(() => [
-          re((t(), N(l(Me), G({
-            ref_key: "$rangePicker",
-            ref: a
-          }, r.$attrs, {
-            value: l(x),
-            format: r.format,
-            size: o.size,
-            dropdownClassName: "das-ui-range-picker-dropdown " + r.dropdownClassName,
-            placeholder: T.value,
-            showToday: r.showToday,
-            showTime: r.showTime,
-            bordered: r.borderType === "bordered",
-            disabled: o.disabled || o.isView,
-            style: L.value,
-            popupStyle: S.value,
-            onChange: q,
-            onOpenChange: U
-          }), {
-            dateRender: f((y) => [
-              g(r.$slots, "dateRender", se(de(y)), () => [
-                p("div", _e, b(y.current.date()), 1)
-              ], !0)
-            ]),
-            nextIcon: f(() => [
-              ve(" XX ")
-            ]),
-            prevIcon: f(() => [
-              g(r.$slots, "prevIcon", {}, void 0, !0)
-            ]),
-            superNextIcon: f(() => [
-              g(r.$slots, "superNextIcon", {}, void 0, !0)
-            ]),
-            superPrevIcon: f(() => [
-              g(r.$slots, "superPrevIcon", {}, void 0, !0)
-            ]),
-            suffixIcon: f(() => [
-              g(r.$slots, "suffixIcon", {}, () => [
-                M(l(j), {
-                  class: "das-suffix-icon",
-                  icon: "riqixuanze",
-                  size: "medium"
-                })
-              ], !0)
-            ]),
-            separator: f(() => [
-              g(r.$slots, "separator", {}, () => [
-                Oe
-              ], !0)
-            ]),
-            renderExtraFooter: f(() => [
-              p("div", qe, [
-                g(r.$slots, "renderExtraFooter", {}, void 0, !0)
+    }), (r, l) => (s(), i(
+      "div",
+      {
+        class: te(["das-ui-range-picker", [r.borderType, o.isView ? "readonly" : "", t(M) ? "is-error" : ""]]),
+        style: c(E.value)
+      },
+      [
+        $(t(ne), { locale: t(ue) }, {
+          default: f(() => [
+            re((s(), N(t(Me), J({
+              ref_key: "$rangePicker",
+              ref: a
+            }, r.$attrs, {
+              value: t(x),
+              format: r.format,
+              size: o.size,
+              dropdownClassName: "das-ui-range-picker-dropdown " + r.dropdownClassName,
+              placeholder: T.value,
+              showToday: r.showToday,
+              showTime: r.showTime,
+              bordered: r.borderType === "bordered",
+              disabled: o.disabled || o.isView,
+              style: E.value,
+              popupStyle: D.value,
+              onChange: j,
+              onOpenChange: U
+            }), {
+              dateRender: f((y) => [
+                k(r.$slots, "dateRender", se(de(y)), () => [
+                  p(
+                    "div",
+                    Ae,
+                    h(y.current.date()),
+                    1
+                    /* TEXT */
+                  )
+                ], !0)
+              ]),
+              nextIcon: f(() => [
+                m(' <slot name="nextIcon"> '),
+                l[1] || (l[1] = ve(" XX ")),
+                m(" </slot> ")
+              ]),
+              prevIcon: f(() => [
+                k(r.$slots, "prevIcon", {}, () => [
+                  m(' <das-icon icon="left"></das-icon> ')
+                ], !0)
+              ]),
+              superNextIcon: f(() => [
+                k(r.$slots, "superNextIcon", {}, () => [
+                  m(' <das-icon icon="double-arrow-right"></das-icon> ')
+                ], !0)
+              ]),
+              superPrevIcon: f(() => [
+                k(r.$slots, "superPrevIcon", {}, () => [
+                  m(' <das-icon icon="double-arrow-left"></das-icon> ')
+                ], !0)
               ]),
-              r.showTime || r.ranges && r.ranges.length ? (t(), u("div", je, [
-                (t(!0), u(P, null, fe(r.ranges, (y) => (t(), u("div", {
-                  class: "das-picker-preset",
-                  key: y.key
+              suffixIcon: f(() => [
+                k(r.$slots, "suffixIcon", {}, () => [
+                  $(t(X), {
+                    class: "das-suffix-icon",
+                    icon: "riqixuanze",
+                    size: "medium"
+                  })
+                ], !0)
+              ]),
+              separator: f(() => [
+                k(r.$slots, "separator", {}, () => [
+                  l[2] || (l[2] = p(
+                    "div",
+                    { style: { padding: "0 8px" } },
+                    "~",
+                    -1
+                    /* HOISTED */
+                  ))
+                ], !0)
+              ]),
+              renderExtraFooter: f(() => [
+                p("div", Ue, [
+                  k(r.$slots, "renderExtraFooter", {}, void 0, !0)
+                ]),
+                r.showTime || r.ranges && r.ranges.length ? (s(), i("div", Ye, [
+                  (s(!0), i(
+                    S,
+                    null,
+                    fe(r.ranges, (y) => (s(), i("div", {
+                      class: "das-picker-preset",
+                      key: y.key
+                    }, [
+                      m(` <el-dropdown v-if="item.type==='dropdown' && item.children.length" trigger="click" :teleported="false" placement='bottom-end'>\r
+                 \r
+                    <span class="das-picker-preset-span" >\r
+                        {{ item.key }}<das-icon icon="fold" size='mini'></das-icon>\r
+                    </span>\r
+                \r
+                  <template #dropdown>\r
+\r
+                    <el-dropdown-menu>\r
+                      <el-dropdown-item v-for="child in item.children" :key="child.key" :command="child" >\r
+                        <div class="das-picker-preset-item">\r
+                          {{ child.key }}\r
+                        </div>\r
+                      </el-dropdown-item>\r
+                    </el-dropdown-menu>\r
+                  </template>\r
+                </el-dropdown> `),
+                      y.type === "dropdown" && y.children.length ? (s(), N(
+                        t(Ie),
+                        {
+                          key: 0,
+                          trigger: ["click"]
+                        },
+                        {
+                          overlay: f(() => [
+                            $(
+                              t($e),
+                              null,
+                              {
+                                default: f(() => [
+                                  (s(!0), i(
+                                    S,
+                                    null,
+                                    fe(y.children, (I) => (s(), N(t(ze), {
+                                      key: I.key,
+                                      onClick: (P) => G(I)
+                                    }, {
+                                      default: f(() => [
+                                        (s(), i(
+                                          "span",
+                                          { key: I },
+                                          h(I.key),
+                                          1
+                                          /* TEXT */
+                                        ))
+                                      ]),
+                                      _: 2
+                                      /* DYNAMIC */
+                                    }, 1032, ["onClick"]))),
+                                    128
+                                    /* KEYED_FRAGMENT */
+                                  ))
+                                ]),
+                                _: 2
+                                /* DYNAMIC */
+                              },
+                              1024
+                              /* DYNAMIC_SLOTS */
+                            )
+                          ]),
+                          default: f(() => [
+                            p("a", {
+                              class: "ant-dropdown-link",
+                              onClick: l[0] || (l[0] = we(() => {
+                              }, ["prevent"]))
+                            }, [
+                              p("span", Oe, [
+                                ve(
+                                  h(y.key) + " ",
+                                  1
+                                  /* TEXT */
+                                ),
+                                $(t(X), {
+                                  icon: "fold",
+                                  size: "mini",
+                                  style: { display: "inline-block" }
+                                })
+                              ])
+                            ])
+                          ]),
+                          _: 2
+                          /* DYNAMIC */
+                        },
+                        1024
+                        /* DYNAMIC_SLOTS */
+                      )) : (s(), i("span", {
+                        key: 1,
+                        class: "das-picker-preset-span",
+                        onClick: (I) => G(y)
+                      }, h(y.key), 9, qe))
+                    ]))),
+                    128
+                    /* KEYED_FRAGMENT */
+                  )),
+                  m(` <div class="das-picker-ok">\r
+                <das-button btnType="primary" size="middle">Ok</das-button>\r
+              </div> `)
+                ])) : m("v-if", !0)
+              ]),
+              _: 3
+              /* FORWARDED */
+            }, 16, ["value", "format", "size", "dropdownClassName", "placeholder", "showToday", "showTime", "bordered", "disabled", "style", "popupStyle"])), [
+              [t(ae), R]
+            ])
+          ]),
+          _: 3
+          /* FORWARDED */
+        }, 8, ["locale"]),
+        m(` <div\r
+      :class="[errorMode === 'default' ? 'das-date-picker-error-label-content' : 'das-date-picker-overlay-error-label-content', 'das-picker-label-content']"\r
+      v-if="(errorMode === 'default' || (errorMode === 'overlay' && isHoverInInput)) && currError && !!errorLabel"\r
+    >\r
+      <span v-if="currError" class="das-picker-error-label label" :title="errorLabel">{{ errorLabel }}</span>\r
+    </div> `),
+        r.error && r.errorLabel ? (s(), i(
+          S,
+          { key: 0 },
+          [
+            r.errorMode === "default" ? (s(), i("div", je, [
+              p(
+                "span",
+                {
+                  style: c(w.value)
+                },
+                h(r.errorLabel),
+                5
+                /* TEXT, STYLE */
+              )
+            ])) : r.errorMode === "overlay" && g.value ? (s(), i(
+              S,
+              { key: 1 },
+              [
+                r.teleported ? (s(), N(oe, {
+                  key: 0,
+                  to: "body"
                 }, [
-                  y.type === "dropdown" && y.children.length ? (t(), N(l(ze), {
-                    key: 0,
-                    trigger: ["click"]
-                  }, {
-                    overlay: f(() => [
-                      M(l(Ce), null, {
-                        default: f(() => [
-                          (t(!0), u(P, null, fe(y.children, ($) => (t(), N(l(Ve), {
-                            key: $.key,
-                            onClick: (D) => X($)
-                          }, {
-                            default: f(() => [
-                              (t(), u("span", { key: $ }, b($.key), 1))
-                            ]),
-                            _: 2
-                          }, 1032, ["onClick"]))), 128))
-                        ]),
-                        _: 2
-                      }, 1024)
-                    ]),
-                    default: f(() => [
-                      p("a", {
-                        class: "ant-dropdown-link",
-                        onClick: d[0] || (d[0] = Ie(() => {
-                        }, ["prevent"]))
-                      }, [
-                        p("span", Xe, [
-                          ve(b(y.key) + " ", 1),
-                          M(l(j), {
-                            icon: "fold",
-                            size: "mini",
-                            style: { display: "inline-block" }
-                          })
-                        ])
-                      ])
-                    ]),
-                    _: 2
-                  }, 1024)) : (t(), u("span", {
+                  p(
+                    "div",
+                    {
+                      style: c(A.value)
+                    },
+                    [
+                      p(
+                        "span",
+                        {
+                          style: c(w.value)
+                        },
+                        h(r.errorLabel),
+                        5
+                        /* TEXT, STYLE */
+                      )
+                    ],
+                    4
+                    /* STYLE */
+                  )
+                ])) : (s(), i(
+                  "div",
+                  {
                     key: 1,
-                    class: "das-picker-preset-span",
-                    onClick: ($) => X(y)
-                  }, b(y.key), 9, Ge))
-                ]))), 128))
-              ])) : E("", !0)
-            ]),
-            _: 3
-          }, 16, ["value", "format", "size", "dropdownClassName", "placeholder", "showToday", "showTime", "bordered", "disabled", "style", "popupStyle"])), [
-            [l(ae), R]
-          ])
-        ]),
-        _: 3
-      }, 8, ["locale"]),
-      r.error && r.errorLabel ? (t(), u(P, { key: 0 }, [
-        r.errorMode === "default" ? (t(), u("div", Je, [
-          p("span", {
-            style: c(w.value)
-          }, b(r.errorLabel), 5)
-        ])) : r.errorMode === "overlay" && k.value ? (t(), u(P, { key: 1 }, [
-          r.teleported ? (t(), N(oe, {
-            key: 0,
-            to: "body"
-          }, [
-            p("div", {
-              style: c(A.value)
-            }, [
-              p("span", {
-                style: c(w.value)
-              }, b(r.errorLabel), 5)
-            ], 4)
-          ])) : (t(), u("div", {
-            key: 1,
-            style: c(C.value),
-            class: "das-picker-error-label label"
-          }, [
-            p("span", {
-              style: c(w.value)
-            }, b(r.errorLabel), 5)
-          ], 4))
-        ], 64)) : E("", !0)
-      ], 64)) : E("", !0)
-    ], 6));
+                    style: c(C.value),
+                    class: "das-picker-error-label label"
+                  },
+                  [
+                    p(
+                      "span",
+                      {
+                        style: c(w.value)
+                      },
+                      h(r.errorLabel),
+                      5
+                      /* TEXT, STYLE */
+                    )
+                  ],
+                  4
+                  /* STYLE */
+                ))
+              ],
+              64
+              /* STABLE_FRAGMENT */
+            )) : m("v-if", !0)
+          ],
+          64
+          /* STABLE_FRAGMENT */
+        )) : m("v-if", !0)
+      ],
+      6
+      /* CLASS, STYLE */
+    ));
   }
-}), er = /* @__PURE__ */ le(Qe, [["__scopeId", "data-v-f3fc1571"]]), rr = { class: "ant-picker-cell-inner" }, or = {
+}), Je = /* @__PURE__ */ le(Ge, [["__scopeId", "data-v-2d9a6c8d"]]), Ke = { class: "ant-picker-cell-inner" }, Qe = {
   key: 0,
   class: "das-date-picker-error-label-content"
-}, ar = {
+}, _e = {
   name: "DasDatePicker"
-}, lr = /* @__PURE__ */ Q({
-  ...ar,
+}, er = /* @__PURE__ */ _({
+  ..._e,
   props: {
     modelValue: {},
     borderType: { default: "underline" },
@@ -647,19 +896,19 @@ const Le = { class: "ant-picker-cell-inner" }, Ne = {
     noSetDefaultVal: { type: Boolean }
   },
   emits: ["change", "openChange", "update:model-value", "update:error"],
-  setup(m, { expose: B, emit: s }) {
+  setup(L, { expose: B, emit: d }) {
     ee((e) => ({
-      "4ef930e1": H.value,
-      "765df16c": W.value
+      "1a7d9bc2": Z.value,
+      "4b9617ee": W.value
     }));
-    const o = m, i = s, a = v(), x = F(o, "modelValue"), I = F(o, "error"), H = n(() => o.width ? o.width : "230px"), W = n(() => o.height ? o.height : "auto"), V = v(3e3), S = n(() => ({
+    const o = L, u = d, a = v(), x = F(o, "modelValue"), M = F(o, "error"), Z = n(() => o.width ? o.width : "230px"), W = n(() => o.height ? o.height : "auto"), V = v(3e3), D = n(() => ({
       "z-index": V.value
-    })), k = v(!1), h = v({
+    })), g = v(!1), b = v({
       x: 0,
       y: 0
     }), z = v(0), C = n(() => ({
       "font-size": "12px",
-      "background-color": Z("--das-ui-input-number-overlay-error-bg-color").value,
+      "background-color": H("--das-ui-input-number-overlay-error-bg-color").value,
       "box-shadow": "0px 4px 10px 0px rgba(0, 0, 0, 0.2)",
       "border-radius": "1px",
       padding: "4px 8px",
@@ -670,30 +919,30 @@ const Le = { class: "ant-picker-cell-inner" }, Ne = {
       width: z.value + "px",
       position: "fixed",
       visibility: "visible",
-      top: h.value.y + "px",
-      left: h.value.x + "px"
+      top: b.value.y + "px",
+      left: b.value.x + "px"
     })), w = v({
       display: "block",
-      color: Z("--das-ui-input-error-color").value,
+      color: H("--das-ui-input-error-color").value,
       "white-space": "break-spaces",
       "word-break": "break-all"
     }), U = (e) => {
-      e && (V.value = ue().nextZIndex()), i("openChange", e);
+      e && (V.value = ie().nextZIndex()), u("openChange", e);
     }, Y = () => {
-      var y, $, D;
+      var y, I, P;
       const { top: e, left: r } = (y = a.value) == null ? void 0 : y.$el.getBoundingClientRect();
-      let d = ($ = a.value) == null ? void 0 : $.$el.clientHeight;
-      o.borderType !== "none" && (d = d + 2), z.value = (D = a.value) == null ? void 0 : D.$el.clientWidth, h.value.x = r, h.value.y = e + d;
-    }, _ = () => {
-      Y(), k.value = !0;
+      let l = (I = a.value) == null ? void 0 : I.$el.clientHeight;
+      o.borderType !== "none" && (l = l + 2), z.value = (P = a.value) == null ? void 0 : P.$el.clientWidth, b.value.x = r, b.value.y = e + l;
     }, O = () => {
-      k.value = !1;
+      Y(), g.value = !0;
+    }, q = () => {
+      g.value = !1;
     }, R = (e, r) => {
-      e ? _() : O();
+      e ? O() : q();
     }, T = n(() => ({
       width: o.width
-    })), L = n(() => o.isView ? o.noSetDefaultVal ? "" : "-" : o.placeholder), q = (e, r) => {
-      I.value = !1, i("update:error", I.value), i("update:model-value", e), i("change", e, r);
+    })), E = n(() => o.isView ? o.noSetDefaultVal ? "" : "-" : o.placeholder), j = (e, r) => {
+      M.value = !1, u("update:error", M.value), u("update:model-value", e), u("change", e, r);
     };
     return B({
       $timePicker: a,
@@ -703,86 +952,148 @@ const Le = { class: "ant-picker-cell-inner" }, Ne = {
       focus: () => {
         a.value.focus();
       }
-    }), (e, r) => (t(), u("div", {
-      class: te(["das-ui-time-picker", [e.borderType, o.isView ? "readonly" : "", l(I) ? "is-error" : ""]]),
-      style: c(T.value)
-    }, [
-      M(l(ne), { locale: l(ie) }, {
-        default: f(() => [
-          re((t(), N(l(Se), G({
-            ref_key: "$timePicker",
-            ref: a
-          }, e.$attrs, {
-            value: l(x),
-            "onUpdate:value": r[0] || (r[0] = (d) => pe(x) ? x.value = d : null),
-            size: o.size,
-            popupClassName: "das-ui-time-picker-dropdown " + e.dropdownClassName,
-            showNow: e.showNow,
-            bordered: e.borderType === "bordered",
-            placeholder: L.value,
-            disabled: o.disabled || o.isView,
-            style: T.value,
-            popupStyle: S.value,
-            onChange: q,
-            onOpenChange: U
-          }), {
-            dateRender: f((d) => [
-              g(e.$slots, "dateRender", se(de(d)), () => [
-                p("div", rr, b(d.current.date()), 1)
-              ], !0)
-            ]),
-            suffixIcon: f(() => [
-              g(e.$slots, "suffixIcon", {}, () => [
-                M(l(Te), {
-                  class: "das-suffix-icon",
-                  size: "medium"
-                })
-              ], !0)
-            ]),
-            _: 3
-          }, 16, ["value", "size", "popupClassName", "showNow", "bordered", "placeholder", "disabled", "style", "popupStyle"])), [
-            [l(ae), R]
-          ])
-        ]),
-        _: 3
-      }, 8, ["locale"]),
-      e.error && e.errorLabel ? (t(), u(P, { key: 0 }, [
-        e.errorMode === "default" ? (t(), u("div", or, [
-          p("span", {
-            style: c(w.value)
-          }, b(e.errorLabel), 5)
-        ])) : e.errorMode === "overlay" && k.value ? (t(), u(P, { key: 1 }, [
-          e.teleported ? (t(), N(oe, {
-            key: 0,
-            to: "body"
-          }, [
-            p("div", {
-              style: c(A.value)
-            }, [
-              p("span", {
-                style: c(w.value)
-              }, b(e.errorLabel), 5)
-            ], 4)
-          ])) : (t(), u("div", {
-            key: 1,
-            style: c(C.value),
-            class: "das-picker-error-label label"
-          }, [
-            p("span", {
-              style: c(w.value)
-            }, b(e.errorLabel), 5)
-          ], 4))
-        ], 64)) : E("", !0)
-      ], 64)) : E("", !0)
-    ], 6));
+    }), (e, r) => (s(), i(
+      "div",
+      {
+        class: te(["das-ui-time-picker", [e.borderType, o.isView ? "readonly" : "", t(M) ? "is-error" : ""]]),
+        style: c(T.value)
+      },
+      [
+        $(t(ne), { locale: t(ue) }, {
+          default: f(() => [
+            re((s(), N(t(Ce), J({
+              ref_key: "$timePicker",
+              ref: a
+            }, e.$attrs, {
+              value: t(x),
+              "onUpdate:value": r[0] || (r[0] = (l) => pe(x) ? x.value = l : null),
+              size: o.size,
+              popupClassName: "das-ui-time-picker-dropdown " + e.dropdownClassName,
+              showNow: e.showNow,
+              bordered: e.borderType === "bordered",
+              placeholder: E.value,
+              disabled: o.disabled || o.isView,
+              style: T.value,
+              popupStyle: D.value,
+              onChange: j,
+              onOpenChange: U
+            }), {
+              dateRender: f((l) => [
+                k(e.$slots, "dateRender", se(de(l)), () => [
+                  p(
+                    "div",
+                    Ke,
+                    h(l.current.date()),
+                    1
+                    /* TEXT */
+                  )
+                ], !0)
+              ]),
+              suffixIcon: f(() => [
+                k(e.$slots, "suffixIcon", {}, () => [
+                  $(t(Pe), {
+                    class: "das-suffix-icon",
+                    size: "medium"
+                  })
+                ], !0)
+              ]),
+              _: 3
+              /* FORWARDED */
+            }, 16, ["value", "size", "popupClassName", "showNow", "bordered", "placeholder", "disabled", "style", "popupStyle"])), [
+              [t(ae), R]
+            ])
+          ]),
+          _: 3
+          /* FORWARDED */
+        }, 8, ["locale"]),
+        m(` <div\r
+      :class="[errorMode === 'default' ? 'das-date-picker-error-label-content' : 'das-date-picker-overlay-error-label-content', 'das-picker-label-content']"\r
+      v-if="(errorMode === 'default' || (errorMode === 'overlay' && isHoverInInput)) && currError && !!errorLabel"\r
+    >\r
+      <span v-if="currError" class="das-picker-error-label label" :title="errorLabel">{{ errorLabel }}</span>\r
+    </div> `),
+        e.error && e.errorLabel ? (s(), i(
+          S,
+          { key: 0 },
+          [
+            e.errorMode === "default" ? (s(), i("div", Qe, [
+              p(
+                "span",
+                {
+                  style: c(w.value)
+                },
+                h(e.errorLabel),
+                5
+                /* TEXT, STYLE */
+              )
+            ])) : e.errorMode === "overlay" && g.value ? (s(), i(
+              S,
+              { key: 1 },
+              [
+                e.teleported ? (s(), N(oe, {
+                  key: 0,
+                  to: "body"
+                }, [
+                  p(
+                    "div",
+                    {
+                      style: c(A.value)
+                    },
+                    [
+                      p(
+                        "span",
+                        {
+                          style: c(w.value)
+                        },
+                        h(e.errorLabel),
+                        5
+                        /* TEXT, STYLE */
+                      )
+                    ],
+                    4
+                    /* STYLE */
+                  )
+                ])) : (s(), i(
+                  "div",
+                  {
+                    key: 1,
+                    style: c(C.value),
+                    class: "das-picker-error-label label"
+                  },
+                  [
+                    p(
+                      "span",
+                      {
+                        style: c(w.value)
+                      },
+                      h(e.errorLabel),
+                      5
+                      /* TEXT, STYLE */
+                    )
+                  ],
+                  4
+                  /* STYLE */
+                ))
+              ],
+              64
+              /* STABLE_FRAGMENT */
+            )) : m("v-if", !0)
+          ],
+          64
+          /* STABLE_FRAGMENT */
+        )) : m("v-if", !0)
+      ],
+      6
+      /* CLASS, STYLE */
+    ));
   }
-}), tr = /* @__PURE__ */ le(lr, [["__scopeId", "data-v-df4bfe33"]]), sr = (m) => (be("data-v-c50262ab"), m = m(), me(), m), dr = { class: "ant-picker-cell-inner" }, nr = /* @__PURE__ */ sr(() => /* @__PURE__ */ p("div", { style: { padding: "0 8px" } }, "~", -1)), ur = {
+}), rr = /* @__PURE__ */ le(er, [["__scopeId", "data-v-f3b76d23"]]), or = { class: "ant-picker-cell-inner" }, ar = {
   key: 0,
   class: "das-date-picker-error-label-content"
-}, ir = {
+}, lr = {
   name: "DasDatePicker"
-}, pr = /* @__PURE__ */ Q({
-  ...ir,
+}, tr = /* @__PURE__ */ _({
+  ...lr,
   props: {
     modelValue: {},
     borderType: { default: "underline" },
@@ -802,19 +1113,19 @@ const Le = { class: "ant-picker-cell-inner" }, Ne = {
     noSetDefaultVal: { type: Boolean }
   },
   emits: ["change", "openChange", "update:model-value", "update:error"],
-  setup(m, { expose: B, emit: s }) {
+  setup(L, { expose: B, emit: d }) {
     ee((e) => ({
-      "18ff2c9f": H.value,
-      "25d12524": W.value
+      "2afd1ccd": Z.value,
+      "1ad78300": W.value
     }));
-    const o = m, i = s, a = v(), x = F(o, "modelValue"), I = F(o, "error"), H = n(() => o.width ? o.width : "230px"), W = n(() => o.height ? o.height : "auto"), V = v(3e3), S = n(() => ({
+    const o = L, u = d, a = v(), x = F(o, "modelValue"), M = F(o, "error"), Z = n(() => o.width ? o.width : "230px"), W = n(() => o.height ? o.height : "auto"), V = v(3e3), D = n(() => ({
       "z-index": V.value
-    })), k = v(!1), h = v({
+    })), g = v(!1), b = v({
       x: 0,
       y: 0
     }), z = v(0), C = n(() => ({
       "font-size": "12px",
-      "background-color": Z("--das-ui-input-number-overlay-error-bg-color").value,
+      "background-color": H("--das-ui-input-number-overlay-error-bg-color").value,
       "box-shadow": "0px 4px 10px 0px rgba(0, 0, 0, 0.2)",
       "border-radius": "1px",
       padding: "4px 8px",
@@ -825,34 +1136,34 @@ const Le = { class: "ant-picker-cell-inner" }, Ne = {
       width: z.value + "px",
       position: "fixed",
       visibility: "visible",
-      top: h.value.y + "px",
-      left: h.value.x + "px"
+      top: b.value.y + "px",
+      left: b.value.x + "px"
     })), w = v({
       display: "block",
-      color: Z("--das-ui-input-error-color").value,
+      color: H("--das-ui-input-error-color").value,
       "white-space": "break-spaces",
       "word-break": "break-all"
     }), U = (e) => {
-      e && (V.value = ue().nextZIndex()), i("openChange", e);
+      e && (V.value = ie().nextZIndex()), u("openChange", e);
     }, Y = () => {
-      var y, $, D;
+      var y, I, P;
       const { top: e, left: r } = (y = a.value) == null ? void 0 : y.$el.getBoundingClientRect();
-      let d = ($ = a.value) == null ? void 0 : $.$el.clientHeight;
-      o.borderType !== "none" && (d = d + 2), z.value = (D = a.value) == null ? void 0 : D.$el.clientWidth, h.value.x = r, h.value.y = e + d;
-    }, _ = () => {
-      Y(), k.value = !0;
+      let l = (I = a.value) == null ? void 0 : I.$el.clientHeight;
+      o.borderType !== "none" && (l = l + 2), z.value = (P = a.value) == null ? void 0 : P.$el.clientWidth, b.value.x = r, b.value.y = e + l;
     }, O = () => {
-      k.value = !1;
+      Y(), g.value = !0;
+    }, q = () => {
+      g.value = !1;
     }, R = (e, r) => {
-      e ? _() : O();
+      e ? O() : q();
     }, T = n(() => ({
       width: o.width
-    })), L = n(() => o.isView ? o.noSetDefaultVal ? ["", ""] : ["-", "-"] : o.placeholder), q = (e, r) => {
-      if (I.value = !1, e === null) {
-        i("update:model-value", [null, null]), i("change", [null, null], r);
+    })), E = n(() => o.isView ? o.noSetDefaultVal ? ["", ""] : ["-", "-"] : o.placeholder), j = (e, r) => {
+      if (M.value = !1, e === null) {
+        u("update:model-value", [null, null]), u("change", [null, null], r);
         return;
       }
-      i("update:error", I.value), i("update:model-value", e), i("change", e, r);
+      u("update:error", M.value), u("update:model-value", e), u("change", e, r);
     };
     return B({
       $timeRangePicker: a,
@@ -862,91 +1173,159 @@ const Le = { class: "ant-picker-cell-inner" }, Ne = {
       focus: () => {
         a.value.focus();
       }
-    }), (e, r) => (t(), u("div", {
-      class: te(["das-ui-time-range-picker", [e.borderType, o.isView ? "readonly" : "", l(I) ? "is-error" : ""]]),
-      style: c(T.value)
-    }, [
-      M(l(ne), { locale: l(ie) }, {
-        default: f(() => [
-          re((t(), N(l(De), G({
-            ref_key: "$timeRangePicker",
-            ref: a
-          }, e.$attrs, {
-            value: l(x),
-            "onUpdate:value": r[0] || (r[0] = (d) => pe(x) ? x.value = d : null),
-            size: o.size,
-            popupClassName: "das-ui-time-range-picker-dropdown " + e.dropdownClassName,
-            showNow: e.showNow,
-            bordered: e.borderType === "bordered",
-            placeholder: L.value,
-            disabled: o.disabled || o.isView,
-            style: T.value,
-            popupStyle: S.value,
-            onChange: q,
-            onOpenChange: U
-          }), {
-            dateRender: f((d) => [
-              g(e.$slots, "dateRender", se(de(d)), () => [
-                p("div", dr, b(d.current.date()), 1)
-              ], !0)
-            ]),
-            suffixIcon: f(() => [
-              g(e.$slots, "suffixIcon", {}, () => [
-                M(l(j), {
-                  class: "das-suffix-icon",
-                  icon: "dengdai",
-                  size: "medium"
-                })
-              ], !0)
-            ]),
-            separator: f(() => [
-              g(e.$slots, "separator", {}, () => [
-                nr
-              ], !0)
-            ]),
-            _: 3
-          }, 16, ["value", "size", "popupClassName", "showNow", "bordered", "placeholder", "disabled", "style", "popupStyle"])), [
-            [l(ae), R]
-          ])
-        ]),
-        _: 3
-      }, 8, ["locale"]),
-      e.error && e.errorLabel ? (t(), u(P, { key: 0 }, [
-        e.errorMode === "default" ? (t(), u("div", ur, [
-          p("span", {
-            style: c(w.value)
-          }, b(e.errorLabel), 5)
-        ])) : e.errorMode === "overlay" && k.value ? (t(), u(P, { key: 1 }, [
-          e.teleported ? (t(), N(oe, {
-            key: 0,
-            to: "body"
-          }, [
-            p("div", {
-              style: c(A.value)
-            }, [
-              p("span", {
-                style: c(w.value)
-              }, b(e.errorLabel), 5)
-            ], 4)
-          ])) : (t(), u("div", {
-            key: 1,
-            style: c(C.value),
-            class: "das-picker-error-label label"
-          }, [
-            p("span", {
-              style: c(w.value)
-            }, b(e.errorLabel), 5)
-          ], 4))
-        ], 64)) : E("", !0)
-      ], 64)) : E("", !0)
-    ], 6));
+    }), (e, r) => (s(), i(
+      "div",
+      {
+        class: te(["das-ui-time-range-picker", [e.borderType, o.isView ? "readonly" : "", t(M) ? "is-error" : ""]]),
+        style: c(T.value)
+      },
+      [
+        $(t(ne), { locale: t(ue) }, {
+          default: f(() => [
+            re((s(), N(t(Ve), J({
+              ref_key: "$timeRangePicker",
+              ref: a
+            }, e.$attrs, {
+              value: t(x),
+              "onUpdate:value": r[0] || (r[0] = (l) => pe(x) ? x.value = l : null),
+              size: o.size,
+              popupClassName: "das-ui-time-range-picker-dropdown " + e.dropdownClassName,
+              showNow: e.showNow,
+              bordered: e.borderType === "bordered",
+              placeholder: E.value,
+              disabled: o.disabled || o.isView,
+              style: T.value,
+              popupStyle: D.value,
+              onChange: j,
+              onOpenChange: U
+            }), {
+              dateRender: f((l) => [
+                k(e.$slots, "dateRender", se(de(l)), () => [
+                  p(
+                    "div",
+                    or,
+                    h(l.current.date()),
+                    1
+                    /* TEXT */
+                  )
+                ], !0)
+              ]),
+              suffixIcon: f(() => [
+                k(e.$slots, "suffixIcon", {}, () => [
+                  $(t(X), {
+                    class: "das-suffix-icon",
+                    icon: "dengdai",
+                    size: "medium"
+                  })
+                ], !0)
+              ]),
+              separator: f(() => [
+                k(e.$slots, "separator", {}, () => [
+                  r[1] || (r[1] = p(
+                    "div",
+                    { style: { padding: "0 8px" } },
+                    "~",
+                    -1
+                    /* HOISTED */
+                  ))
+                ], !0)
+              ]),
+              _: 3
+              /* FORWARDED */
+            }, 16, ["value", "size", "popupClassName", "showNow", "bordered", "placeholder", "disabled", "style", "popupStyle"])), [
+              [t(ae), R]
+            ])
+          ]),
+          _: 3
+          /* FORWARDED */
+        }, 8, ["locale"]),
+        m(` <div\r
+      :class="[errorMode === 'default' ? 'das-date-picker-error-label-content' : 'das-date-picker-overlay-error-label-content', 'das-picker-label-content']"\r
+      v-if="(errorMode === 'default' || (errorMode === 'overlay' && isHoverInInput)) && currError && !!errorLabel"\r
+    >\r
+      <span v-if="currError" class="das-picker-error-label label" :title="errorLabel">{{ errorLabel }}</span>\r
+    </div> `),
+        e.error && e.errorLabel ? (s(), i(
+          S,
+          { key: 0 },
+          [
+            e.errorMode === "default" ? (s(), i("div", ar, [
+              p(
+                "span",
+                {
+                  style: c(w.value)
+                },
+                h(e.errorLabel),
+                5
+                /* TEXT, STYLE */
+              )
+            ])) : e.errorMode === "overlay" && g.value ? (s(), i(
+              S,
+              { key: 1 },
+              [
+                e.teleported ? (s(), N(oe, {
+                  key: 0,
+                  to: "body"
+                }, [
+                  p(
+                    "div",
+                    {
+                      style: c(A.value)
+                    },
+                    [
+                      p(
+                        "span",
+                        {
+                          style: c(w.value)
+                        },
+                        h(e.errorLabel),
+                        5
+                        /* TEXT, STYLE */
+                      )
+                    ],
+                    4
+                    /* STYLE */
+                  )
+                ])) : (s(), i(
+                  "div",
+                  {
+                    key: 1,
+                    style: c(C.value),
+                    class: "das-picker-error-label label"
+                  },
+                  [
+                    p(
+                      "span",
+                      {
+                        style: c(w.value)
+                      },
+                      h(e.errorLabel),
+                      5
+                      /* TEXT, STYLE */
+                    )
+                  ],
+                  4
+                  /* STYLE */
+                ))
+              ],
+              64
+              /* STABLE_FRAGMENT */
+            )) : m("v-if", !0)
+          ],
+          64
+          /* STABLE_FRAGMENT */
+        )) : m("v-if", !0)
+      ],
+      6
+      /* CLASS, STYLE */
+    ));
   }
-}), cr = /* @__PURE__ */ le(pr, [["__scopeId", "data-v-c50262ab"]]), vr = {
+}), sr = /* @__PURE__ */ le(tr, [["__scopeId", "data-v-46744228"]]), dr = {
   "--das-ui-date-picker-color-defalut-text": "#212121",
   // 默认字体色
   "--das-ui-date-picker-color-primary": "#5582F3",
   // 主题色
-  "--das-ui-date-picker-color-underline": Pe("--das-ui-color-help"),
+  "--das-ui-date-picker-color-underline": Le("--das-ui-color-help"),
   // 下划线基础色
   "--das-ui-date-picker-color-error": "#FB2323",
   // 错误边框色
@@ -967,13 +1346,13 @@ const Le = { class: "ant-picker-cell-inner" }, Ne = {
   "--das-ui-date-picker-overlay-error-color": "#FB2323",
   "--das-ui-date-picker-overlay-error-bg-color": "#FFDBE0"
 };
-Be(vr);
-const Br = K(Fe), Tr = K(Ue), Lr = K(er), Nr = K(tr), Er = K(cr), Rr = { name: "datePicker 日期时间选择器" };
+De(dr);
+const zr = Q(Ne), Cr = Q(We), Vr = Q(Je), Lr = Q(rr), Dr = Q(sr), Pr = { name: "datePicker 日期时间选择器" };
 export {
-  Br as DasDatePicker,
-  Tr as DasDateRangePicker,
-  Lr as DasRangePicker,
-  Nr as DasTimePicker,
-  Er as DasTimeRangePicker,
-  Rr as default
+  zr as DasDatePicker,
+  Cr as DasDateRangePicker,
+  Vr as DasRangePicker,
+  Lr as DasTimePicker,
+  Dr as DasTimeRangePicker,
+  Pr as default
 };