@das-fed/upf-ui 6.4.0-dev.237 → 6.4.0-dev.239

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

@@ -1,31 +1,31 @@
 import '@das-fed/upf-ui/packages/components/date-picker/style.css';
-import { withInstall as pe } from "@das-fed/upf-utils/with-install/index";
-import { defineComponent as ce, useCssVars as ve, ref as u, watch as _, computed as s, openBlock as v, createElementBlock as T, normalizeClass as be, unref as o, normalizeStyle as Y, createVNode as I, withCtx as c, withDirectives as fe, createBlock as j, mergeProps as ne, isRef as Ce, createSlots as Ee, renderSlot as S, normalizeProps as ge, guardReactiveProps as we, createElementVNode as V, toDisplayString as W, Fragment as ue, createCommentVNode as P, nextTick as ee, useAttrs as Be, createTextVNode as De, renderList as Le, withModifiers as Re } from "vue";
-import { ConfigProvider as Te, DatePicker as Ne, RangePicker as We, Dropdown as Fe, Menu as Ze, MenuItem as Ae, TimePicker as Oe, TimeRangePicker as qe } from "ant-design-vue";
-import { DasAutoRegisterIcon as Me, DasIcon as re } from "@das-fed/upf-ui/packages/components/icon/index";
-import { DasTooltip as Ie } from "@das-fed/upf-ui/packages/components/tooltip/index";
-import { DasErrorOverlayModel as me } from "@das-fed/upf-ui/packages/components/error-overlay-model/index";
-import { useModelValue as X } from "@das-fed/upf-utils/vue";
-import { vHoverInside as he } from "@das-fed/upf-utils/directive/hoverInside/index";
-import { useZIndex as Se } from "@das-fed/upf-utils/hooks/popup-manager/use-zindex";
-import { getVarValue as ye, getVar as _e, setThemeRule as Ke } from "@das-fed/upf-web/packages/theme/index";
-import { currentLang as D, loadLocale as $e, t as se, setI18nRule as He } from "@das-fed/upf-web/packages/i18n/index";
-import { calcTextWidth as ze } from "@das-fed/upf-utils/common-tools";
+import { withInstall as ve } from "@das-fed/upf-utils/with-install/index";
+import { defineComponent as pe, useCssVars as fe, ref as n, watch as H, computed as i, openBlock as f, createElementBlock as I, normalizeClass as ke, unref as o, normalizeStyle as X, createVNode as S, withCtx as p, withDirectives as me, createBlock as K, mergeProps as se, isRef as $e, createSlots as Ve, renderSlot as $, normalizeProps as ge, guardReactiveProps as we, createElementVNode as E, toDisplayString as O, Fragment as ue, createCommentVNode as w, nextTick as te, useAttrs as Be, createTextVNode as Me, renderList as Le, withModifiers as Re } from "vue";
+import { ConfigProvider as Te, DatePicker as Ne, RangePicker as We, Dropdown as Ze, Menu as Ae, MenuItem as Fe, TimePicker as Oe, TimeRangePicker as qe } from "ant-design-vue";
+import { DasAutoRegisterIcon as Ce, DasIcon as re } from "@das-fed/upf-ui/packages/components/icon/index";
+import { DasTooltip as xe } from "@das-fed/upf-ui/packages/components/tooltip/index";
+import { DasErrorOverlayModel as he } from "@das-fed/upf-ui/packages/components/error-overlay-model/index";
+import { useModelValue as G } from "@das-fed/upf-utils/vue";
+import { vHoverInside as ye } from "@das-fed/upf-utils/directive/hoverInside/index";
+import { useZIndex as Ie } from "@das-fed/upf-utils/hooks/popup-manager/use-zindex";
+import { currentLang as D, loadLocale as ze, t as ie, setI18nRule as Ue } from "@das-fed/upf-web/packages/i18n/index";
+import { calcTextWidth as Se } from "@das-fed/upf-utils/common-tools";
 import "ant-design-vue/es/date-picker/style/css";
 import "ant-design-vue/es/config-provider/style/css";
-import { DasDatePicker as Pe } from "@das-fed/upf-ui/packages/components/date-picker/index";
-import Ve from "dayjs";
+import { DasDatePicker as De } from "@das-fed/upf-ui/packages/components/date-picker/index";
+import Pe from "dayjs";
 import "ant-design-vue/es/dropdown/style/css";
 import "ant-design-vue/es/menu/style/css";
-import { DasIconDengdai as Ue } from "@das-fed/upf-ui/packages/icons/dengdai/index";
+import "element-plus";
+import { DasIconDengdai as He } from "@das-fed/upf-ui/packages/icons/dengdai/index";
 import "ant-design-vue/es/time-picker/style/css";
-const je = { class: "ant-picker-cell-inner" }, Ye = {
+const je = { class: "ant-picker-cell-inner" }, Ke = {
   key: 0,
   class: "das-date-picker-error-label-content"
-}, Xe = {
+}, Ye = {
   name: "DasDatePicker"
-}, Ge = /* @__PURE__ */ ce({
-  ...Xe,
+}, Xe = /* @__PURE__ */ pe({
+  ...Ye,
   props: {
     modelValue: {},
     borderType: { default: "bordered" },
@@ -47,221 +47,248 @@ const je = { class: "ant-picker-cell-inner" }, Ye = {
     formSize: {}
   },
   emits: ["change", "openChange", "update:model-value", "update:error"],
-  setup(F, { expose: K, emit: n }) {
-    ve((r) => ({
-      "1a23ca34": H.value,
-      51064807: A.value
+  setup(l, { expose: j, emit: d }) {
+    fe((r) => ({
+      v1a969202: J.value,
+      v1e6cb46b: q.value
     }));
-    const t = F, m = n;
-    Me({
+    const t = l, m = d;
+    Ce({
       right: import("@das-fed/upf-ui/packages/icons/right"),
       left: import("@das-fed/upf-ui/packages/icons/left"),
       "double-arrow-left": import("@das-fed/upf-ui/packages/icons/double-arrow-left"),
       "double-arrow-right": import("@das-fed/upf-ui/packages/icons/double-arrow-right"),
       riqixuanze: import("@das-fed/upf-ui/packages/icons/riqixuanze")
     });
-    const x = u(void 0);
-    _(D, async () => {
-      x.value = await $e(D.value);
+    const V = n(void 0);
+    H(D, async () => {
+      V.value = await ze(D.value);
     }, { immediate: !0 });
-    const y = s(() => `date-picker-${D.value}`), i = u(null), R = u(null), p = X(t, "modelValue"), M = X(t, "error"), Z = s(() => t.isView ? t.noSetDefaultVal ? "" : "-" : t.placeholder || se("请选择日期")), E = s(() => ({
+    const y = i(() => `date-picker-${D.value}`), c = n(null), R = n(null), T = i(() => t.size === "table" || t.size === "middle" || t.size === "default" ? "middle" : t.size), k = G(t, "modelValue"), N = G(t, "error"), P = i(() => t.isView ? t.noSetDefaultVal ? "" : "-" : t.placeholder || ie("请选择日期")), W = i(() => ({
       width: t.width
-    })), H = s(() => t.width ? t.width : "230px"), N = s(() => t.formSize), A = s(() => t.height ? t.height : N.value ? {
+    })), J = i(() => t.width ? t.width : "230px"), Z = i(() => t.formSize), q = i(() => t.height ? t.height : Z.value ? {
       small: "24px",
       default: "32px",
       large: "40px"
-    }[N.value] : "auto"), B = u(3e3), O = s(() => ({
+    }[Z.value] : "auto"), B = n(3e3), A = i(() => ({
       "z-index": B.value
-    })), $ = u(!1), U = u({
+    })), C = n(!1), Y = n({
       display: "block",
-      color: ye("--das-ui-date-picker-overlay-error-color").value,
+      color: "var(--upf-color-error)",
       "white-space": "break-spaces"
-    }), b = u(!1), C = u(""), q = s(() => p.value ? C.value : Z.value), G = () => {
+    }), b = n(!1), L = n(""), U = i(() => k.value ? L.value : P.value), Q = () => {
       const r = t.size === "table" ? 12 : 14;
-      return ze(Z.value, r);
-    }, k = () => {
-      var l;
-      const r = (l = i.value) == null ? void 0 : l.$el.querySelector(".ant-picker-input>input");
-      return p.value ? r == null ? void 0 : r.scrollWidth : G();
-    }, a = () => {
+      return Se(P.value, r);
+    }, u = () => {
+      var a;
+      const r = (a = c.value) == null ? void 0 : a.$el.querySelector(".ant-picker-input>input");
+      return k.value ? r == null ? void 0 : r.scrollWidth : Q();
+    }, s = () => {
       var e;
-      const r = (e = i.value) == null ? void 0 : e.$el.querySelector(".ant-picker-input>input");
-      return r ? (C.value = r.getAttribute("value"), r.removeAttribute("title"), (r == null ? void 0 : r.offsetWidth) ?? 0) : 0;
-    }, f = u(0), g = u(0);
-    _(() => [Z.value, p.value], () => {
-      ee(() => {
-        f.value = a(), g.value = k(), (f.value === g.value || g.value - f.value < 1) && (b.value = !1);
+      const r = (e = c.value) == null ? void 0 : e.$el.querySelector(".ant-picker-input>input");
+      return r ? (L.value = r.getAttribute("value"), r.removeAttribute("title"), (r == null ? void 0 : r.offsetWidth) ?? 0) : 0;
+    }, g = n(0), z = n(0);
+    H(() => [P.value, k.value], () => {
+      te(() => {
+        g.value = s(), z.value = u(), (g.value === z.value || z.value - g.value < 1) && (b.value = !1);
       });
     });
-    const J = u();
-    _(
+    const _ = n();
+    H(
       () => {
         var r;
         return (r = R.value) == null ? void 0 : r.$tooltipRef.popperRef.contentRef;
       },
       (r) => {
         r && (r.addEventListener("mouseenter", function() {
-          b.value = !0, J.value && clearTimeout(J.value);
+          b.value = !0, _.value && clearTimeout(_.value);
         }), r.addEventListener("mouseleave", function() {
-          J.value = setTimeout(() => {
+          _.value = setTimeout(() => {
             b.value = !1;
           }, 200);
         }));
       }
     );
-    const w = (r) => {
-      r && (B.value = Se().nextZIndex()), m("openChange", r), D.value === "en" && ee(() => {
-        const l = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
-        for (let e of l)
+    const x = (r) => {
+      r && (B.value = Ie().nextZIndex()), m("openChange", r), D.value === "en-US" && te(() => {
+        const a = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
+        for (let e of a)
           e && (e.innerText = "OK");
       });
-    }, te = () => {
-      f.value = a(), g.value = k(), f.value === g.value || g.value - f.value < 1 ? b.value = !1 : (b.value = !0, J.value && clearTimeout(J.value)), $.value = !0;
     }, le = () => {
-      J.value = setTimeout(() => {
+      g.value = s(), z.value = u(), g.value === z.value || z.value - g.value < 1 ? b.value = !1 : (b.value = !0, _.value && clearTimeout(_.value)), C.value = !0;
+    }, ae = () => {
+      _.value = setTimeout(() => {
         b.value = !1;
-      }, 200), $.value = !1;
-    }, ae = (r, l) => {
-      r ? te() : le();
-    }, oe = (r, l) => {
-      M.value = !1, m("update:error", M.value), m("update:model-value", r), m("change", r, l);
+      }, 200), C.value = !1;
+    }, oe = (r, a) => {
+      r ? le() : ae();
+    }, ne = (r, a) => {
+      N.value = !1, m("update:error", N.value), m("update:model-value", r), m("change", r, a);
     };
-    return K({
-      $datePicker: i,
+    return j({
+      $datePicker: c,
       blur: () => {
-        i.value.blur();
+        c.value.blur();
       },
       focus: () => {
-        i.value.focus();
+        c.value.focus();
       }
-    }), (r, l) => (v(), T("div", {
-      class: be(["das-ui-date-picker", [r.borderType, t.isView ? "readonly" : "", o(M) ? "is-error" : ""]]),
-      style: Y(E.value)
-    }, [
-      I(o(Te), { locale: x.value }, {
-        default: c(() => [
-          I(o(Ie), {
-            ref_key: "inputTooltipRef",
-            ref: R,
-            placement: "top",
-            trigger: "hover",
-            visible: b.value,
-            disabled: !r.isTooltip,
-            content: q.value
-          }, {
-            default: c(() => [
-              fe((v(), j(o(Ne), ne({
-                key: y.value,
-                ref_key: "$datePicker",
-                ref: i
-              }, r.$attrs, {
-                value: o(p),
-                "onUpdate:value": l[0] || (l[0] = (e) => Ce(p) ? p.value = e : null),
-                size: t.size,
-                dropdownClassName: "das-ui-date-picker-dropdown " + r.dropdownClassName,
-                placeholder: Z.value,
-                showToday: r.showToday,
-                bordered: r.borderType === "bordered",
-                disabled: t.disabled || t.isView,
-                style: E.value,
-                popupStyle: O.value,
-                onChange: oe,
-                onOpenChange: w
-              }), Ee({
-                dateRender: c((e) => [
-                  S(r.$slots, "dateRender", ge(we(e)), () => [
-                    V("div", je, W(e.current.date()), 1)
-                  ], !0)
-                ]),
-                nextIcon: c(() => [
-                  S(r.$slots, "nextIcon", {}, () => [
-                    I(o(re), {
-                      icon: "right",
-                      size: "medium"
-                    })
-                  ], !0)
-                ]),
-                prevIcon: c(() => [
-                  S(r.$slots, "prevIcon", {}, () => [
-                    I(o(re), {
-                      icon: "left",
-                      size: "medium"
-                    })
-                  ], !0)
-                ]),
-                superNextIcon: c(() => [
-                  S(r.$slots, "superNextIcon", {}, () => [
-                    I(o(re), {
-                      icon: "double-arrow-right",
-                      size: "medium"
-                    })
-                  ], !0)
-                ]),
-                superPrevIcon: c(() => [
-                  S(r.$slots, "superPrevIcon", {}, () => [
-                    I(o(re), {
-                      icon: "double-arrow-left",
-                      size: "medium"
-                    })
-                  ], !0)
-                ]),
-                suffixIcon: c(() => [
-                  S(r.$slots, "suffixIcon", {}, () => [
-                    I(o(re), {
-                      class: "das-suffix-icon",
-                      icon: "riqixuanze",
-                      size: "medium"
-                    })
-                  ], !0)
-                ]),
-                _: 2
-              }, [
-                r.$slots.renderExtraFooter ? {
-                  name: "renderExtraFooter",
-                  fn: c(() => [
-                    S(r.$slots, "renderExtraFooter", {}, void 0, !0)
+    }), (r, a) => (f(), I(
+      "div",
+      {
+        class: ke(["das-ui-date-picker", [l.borderType, t.isView ? "readonly" : "", o(N) ? "is-error" : ""]]),
+        style: X(W.value)
+      },
+      [
+        S(o(Te), { locale: V.value }, {
+          default: p(() => [
+            S(o(xe), {
+              ref_key: "inputTooltipRef",
+              ref: R,
+              placement: "top",
+              trigger: "hover",
+              visible: b.value,
+              disabled: !l.isTooltip,
+              content: U.value
+            }, {
+              default: p(() => [
+                me((f(), K(o(Ne), se({
+                  key: y.value,
+                  ref_key: "$datePicker",
+                  ref: c
+                }, r.$attrs, {
+                  value: o(k),
+                  "onUpdate:value": a[0] || (a[0] = (e) => $e(k) ? k.value = e : null),
+                  size: T.value,
+                  dropdownClassName: "das-ui-date-picker-dropdown " + l.dropdownClassName,
+                  placeholder: P.value,
+                  showToday: l.showToday,
+                  bordered: l.borderType === "bordered",
+                  disabled: t.disabled || t.isView,
+                  style: W.value,
+                  popupStyle: A.value,
+                  onChange: ne,
+                  onOpenChange: x
+                }), Ve({
+                  dateRender: p((e) => [
+                    $(r.$slots, "dateRender", ge(we(e)), () => [
+                      E(
+                        "div",
+                        je,
+                        O(e.current.date()),
+                        1
+                        /* TEXT */
+                      )
+                    ], !0)
+                  ]),
+                  nextIcon: p(() => [
+                    $(r.$slots, "nextIcon", {}, () => [
+                      S(o(re), {
+                        icon: "right",
+                        size: "medium"
+                      })
+                    ], !0)
+                  ]),
+                  prevIcon: p(() => [
+                    $(r.$slots, "prevIcon", {}, () => [
+                      S(o(re), {
+                        icon: "left",
+                        size: "medium"
+                      })
+                    ], !0)
+                  ]),
+                  superNextIcon: p(() => [
+                    $(r.$slots, "superNextIcon", {}, () => [
+                      S(o(re), {
+                        icon: "double-arrow-right",
+                        size: "medium"
+                      })
+                    ], !0)
+                  ]),
+                  superPrevIcon: p(() => [
+                    $(r.$slots, "superPrevIcon", {}, () => [
+                      S(o(re), {
+                        icon: "double-arrow-left",
+                        size: "medium"
+                      })
+                    ], !0)
+                  ]),
+                  suffixIcon: p(() => [
+                    $(r.$slots, "suffixIcon", {}, () => [
+                      S(o(re), {
+                        class: "das-suffix-icon",
+                        icon: "riqixuanze",
+                        size: "medium"
+                      })
+                    ], !0)
                   ]),
-                  key: "0"
-                } : void 0
-              ]), 1040, ["value", "size", "dropdownClassName", "placeholder", "showToday", "bordered", "disabled", "style", "popupStyle"])), [
-                [o(he), ae]
-              ])
-            ]),
-            _: 3
-          }, 8, ["visible", "disabled", "content"])
-        ]),
-        _: 3
-      }, 8, ["locale"]),
-      r.error && r.errorLabel ? (v(), T(ue, { key: 0 }, [
-        r.errorMode === "default" ? (v(), T("div", Ye, [
-          V("span", {
-            style: Y(U.value)
-          }, W(r.errorLabel), 5)
-        ])) : P("", !0),
-        r.errorMode === "overlay" && $.value ? (v(), j(o(me), {
-          key: 1,
-          errorLabel: r.errorLabel,
-          getEl: () => {
-            var e;
-            return (e = i.value) == null ? void 0 : e.$el;
-          },
-          errorModelZIndex: r.errorModelZIndex
-        }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : P("", !0)
-      ], 64)) : P("", !0)
-    ], 6));
+                  _: 2
+                  /* DYNAMIC */
+                }, [
+                  r.$slots.renderExtraFooter ? {
+                    name: "renderExtraFooter",
+                    fn: p(() => [
+                      $(r.$slots, "renderExtraFooter", {}, void 0, !0)
+                    ]),
+                    key: "0"
+                  } : void 0
+                ]), 1040, ["value", "size", "dropdownClassName", "placeholder", "showToday", "bordered", "disabled", "style", "popupStyle"])), [
+                  [o(ye), oe]
+                ])
+              ]),
+              _: 3
+              /* FORWARDED */
+            }, 8, ["visible", "disabled", "content"])
+          ]),
+          _: 3
+          /* FORWARDED */
+        }, 8, ["locale"]),
+        l.error && l.errorLabel ? (f(), I(
+          ue,
+          { key: 0 },
+          [
+            l.errorMode === "default" ? (f(), I("div", Ke, [
+              E(
+                "span",
+                {
+                  style: X(Y.value)
+                },
+                O(l.errorLabel),
+                5
+                /* TEXT, STYLE */
+              )
+            ])) : w("v-if", !0),
+            l.errorMode === "overlay" && C.value ? (f(), K(o(he), {
+              key: 1,
+              errorLabel: l.errorLabel,
+              getEl: () => {
+                var e;
+                return (e = c.value) == null ? void 0 : e.$el;
+              },
+              errorModelZIndex: l.errorModelZIndex
+            }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : w("v-if", !0)
+          ],
+          64
+          /* STABLE_FRAGMENT */
+        )) : w("v-if", !0)
+      ],
+      6
+      /* CLASS, STYLE */
+    ));
   }
-}), ke = (F, K) => {
-  const n = F.__vccOpts || F;
-  for (const [t, m] of K)
-    n[t] = m;
-  return n;
-}, Je = /* @__PURE__ */ ke(Ge, [["__scopeId", "data-v-e031e2c7"]]), Qe = { class: "date-range-separator" }, er = {
+}), be = (l, j) => {
+  const d = l.__vccOpts || l;
+  for (const [t, m] of j)
+    d[t] = m;
+  return d;
+}, Ge = /* @__PURE__ */ be(Xe, [["__scopeId", "data-v-9335fe1d"]]), Je = { class: "date-range-separator" }, Qe = {
   key: 0,
   class: "das-date-picker-error-label-content"
-}, rr = {
+}, _e = {
   name: "DasDateRangePicker"
-}, tr = /* @__PURE__ */ ce({
-  ...rr,
+}, et = /* @__PURE__ */ pe({
+  ..._e,
   props: {
     modelValue: {},
     borderType: { default: "bordered" },
@@ -287,102 +314,126 @@ const je = { class: "ant-picker-cell-inner" }, Ye = {
     formSize: {}
   },
   emits: ["change", "openChange", "update:model-value", "update:error"],
-  setup(F, { emit: K }) {
-    ve((a) => ({
-      "2de89ca4": p.value,
-      "02503ea9": R.value
+  setup(l, { emit: j }) {
+    fe((u) => ({
+      v11f9697a: T.value,
+      v0db101da: R.value
     }));
-    const n = F, t = K, m = Be(), x = s(() => n.placeholder ?? [se("开始日期"), se("结束日期")]), y = X(n, "modelValue"), i = X(n, "error"), R = s(() => n.width ? n.width : "230px"), p = s(() => n.height ? n.height : "auto"), M = s(() => ({ ...m, ...n.prevAttrs })), Z = s(() => ({ ...m, ...n.nextAttrs })), E = u(), H = u(!1), N = u({
+    const d = l, t = j, m = Be(), V = i(() => d.placeholder ?? [ie("开始日期"), ie("结束日期")]), y = G(d, "modelValue"), c = G(d, "error"), R = i(() => d.width ? d.width : "230px"), T = i(() => d.height ? d.height : "auto"), k = i(() => ({ ...m, ...d.prevAttrs })), N = i(() => ({ ...m, ...d.nextAttrs })), P = n(), W = n(!1), J = n({
       display: "block",
-      color: ye("--das-ui-date-picker-overlay-error-color").value,
+      color: "var(--upf-color-error)",
       "white-space": "break-spaces"
-    }), A = () => {
-      H.value = !0;
-    }, B = () => {
-      H.value = !1;
-    }, O = (a, f) => {
-      a ? A() : B();
-    }, $ = (a, f) => {
-      t("openChange", a, f), D.value === "en" && ee(() => {
+    }), Z = () => {
+      W.value = !0;
+    }, q = () => {
+      W.value = !1;
+    }, B = (u, s) => {
+      u ? Z() : q();
+    }, A = (u, s) => {
+      t("openChange", u, s), D.value === "en-US" && te(() => {
         const g = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
-        for (let L of g)
-          L && (L.innerText = "OK");
+        for (let z of g)
+          z && (z.innerText = "OK");
       });
-    }, U = s(() => {
-      let a = n.valueFormat ? n.valueFormat : n.format;
+    }, C = i(() => {
+      let u = d.valueFormat ? d.valueFormat : d.format;
       return [
-        y.value[0] ? Ve.isDayjs(y.value[0]) ? y.value[0].format(a) : y.value[0] : "",
-        y.value[1] ? Ve.isDayjs(y.value[1]) ? y.value[1].format(a) : y.value[1] : ""
+        y.value[0] ? Pe.isDayjs(y.value[0]) ? y.value[0].format(u) : y.value[0] : "",
+        y.value[1] ? Pe.isDayjs(y.value[1]) ? y.value[1].format(u) : y.value[1] : ""
       ];
-    }), b = (a) => n.disabledDate && n.disabledDate(a) === !0 ? !0 : !!(y.value[1] && a.isAfter(y.value[1], n.disabledUnit || void 0)), C = (a) => n.disabledDate && n.disabledDate(a) === !0 ? !0 : !!(y.value[0] && a.isBefore(y.value[0], n.disabledUnit || void 0)), q = s(() => ({
-      width: n.width
-    })), G = (a, f) => {
-      i.value = !1, t("update:model-value", y.value), t("change", y.value, U.value);
-    }, k = (a, f) => {
-      i.value = !1, t("update:model-value", y.value), t("change", y.value, U.value);
+    }), Y = (u) => d.disabledDate && d.disabledDate(u) === !0 ? !0 : !!(y.value[1] && u.isAfter(y.value[1], d.disabledUnit || void 0)), b = (u) => d.disabledDate && d.disabledDate(u) === !0 ? !0 : !!(y.value[0] && u.isBefore(y.value[0], d.disabledUnit || void 0)), L = i(() => ({
+      width: d.width
+    })), U = (u, s) => {
+      c.value = !1, t("update:model-value", y.value), t("change", y.value, C.value);
+    }, Q = (u, s) => {
+      c.value = !1, t("update:model-value", y.value), t("change", y.value, C.value);
     };
-    return (a, f) => fe((v(), T("div", {
-      class: "das-ui-date-range-picker",
-      style: Y(q.value),
-      ref_key: "$dateRange",
-      ref: E
-    }, [
-      I(o(Pe), ne(M.value, {
-        modelValue: o(y)[0],
-        "onUpdate:modelValue": f[0] || (f[0] = (g) => o(y)[0] = g),
-        size: n.size,
-        valueFormat: n.valueFormat,
-        borderType: n.borderType,
-        error: o(i),
-        width: n.itemWidth,
-        "disabled-date": b,
-        placeholder: x.value[0],
-        onChange: G,
-        onOpenChange: f[1] || (f[1] = (g) => $(g, "before"))
-      }), null, 16, ["modelValue", "size", "valueFormat", "borderType", "error", "width", "placeholder"]),
-      S(a.$slots, "separator", {}, () => [
-        V("span", Qe, W(n.separator), 1)
-      ], !0),
-      I(o(Pe), ne(Z.value, {
-        modelValue: o(y)[1],
-        "onUpdate:modelValue": f[2] || (f[2] = (g) => o(y)[1] = g),
-        size: n.size,
-        valueFormat: n.valueFormat,
-        borderType: n.borderType,
-        error: o(i),
-        width: n.itemWidth,
-        "disabled-date": C,
-        placeholder: x.value[1],
-        onChange: k,
-        onOpenChange: f[3] || (f[3] = (g) => $(g, "after"))
-      }), null, 16, ["modelValue", "size", "valueFormat", "borderType", "error", "width", "placeholder"]),
-      a.error && a.errorLabel ? (v(), T(ue, { key: 0 }, [
-        a.errorMode === "default" ? (v(), T("div", er, [
-          V("span", {
-            style: Y(N.value)
-          }, W(a.errorLabel), 5)
-        ])) : P("", !0),
-        a.errorMode === "overlay" && H.value ? (v(), j(o(me), {
-          key: 1,
-          errorLabel: a.errorLabel,
-          getEl: () => E.value,
-          errorModelZIndex: a.errorModelZIndex
-        }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : P("", !0)
-      ], 64)) : P("", !0)
-    ], 4)), [
-      [o(he), O]
+    return (u, s) => me((f(), I(
+      "div",
+      {
+        class: "das-ui-date-range-picker",
+        style: X(L.value),
+        ref_key: "$dateRange",
+        ref: P
+      },
+      [
+        S(o(De), se(k.value, {
+          modelValue: o(y)[0],
+          "onUpdate:modelValue": s[0] || (s[0] = (g) => o(y)[0] = g),
+          size: d.size,
+          valueFormat: d.valueFormat,
+          borderType: d.borderType,
+          error: o(c),
+          width: d.itemWidth,
+          "disabled-date": Y,
+          placeholder: V.value[0],
+          onChange: U,
+          onOpenChange: s[1] || (s[1] = (g) => A(g, "before"))
+        }), null, 16, ["modelValue", "size", "valueFormat", "borderType", "error", "width", "placeholder"]),
+        $(u.$slots, "separator", {}, () => [
+          E(
+            "span",
+            Je,
+            O(d.separator),
+            1
+            /* TEXT */
+          )
+        ], !0),
+        S(o(De), se(N.value, {
+          modelValue: o(y)[1],
+          "onUpdate:modelValue": s[2] || (s[2] = (g) => o(y)[1] = g),
+          size: d.size,
+          valueFormat: d.valueFormat,
+          borderType: d.borderType,
+          error: o(c),
+          width: d.itemWidth,
+          "disabled-date": b,
+          placeholder: V.value[1],
+          onChange: Q,
+          onOpenChange: s[3] || (s[3] = (g) => A(g, "after"))
+        }), null, 16, ["modelValue", "size", "valueFormat", "borderType", "error", "width", "placeholder"]),
+        l.error && l.errorLabel ? (f(), I(
+          ue,
+          { key: 0 },
+          [
+            l.errorMode === "default" ? (f(), I("div", Qe, [
+              E(
+                "span",
+                {
+                  style: X(J.value)
+                },
+                O(l.errorLabel),
+                5
+                /* TEXT, STYLE */
+              )
+            ])) : w("v-if", !0),
+            l.errorMode === "overlay" && W.value ? (f(), K(o(he), {
+              key: 1,
+              errorLabel: l.errorLabel,
+              getEl: () => P.value,
+              errorModelZIndex: l.errorModelZIndex
+            }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : w("v-if", !0)
+          ],
+          64
+          /* STABLE_FRAGMENT */
+        )) : w("v-if", !0)
+      ],
+      4
+      /* STYLE */
+    )), [
+      [o(ye), B]
     ]);
   }
-}), lr = /* @__PURE__ */ ke(tr, [["__scopeId", "data-v-1dbd058e"]]), ar = { class: "ant-picker-cell-inner" }, or = { class: "das-picker-footer-extra" }, ur = {
+}), tt = /* @__PURE__ */ be(et, [["__scopeId", "data-v-9599ec25"]]), rt = { class: "ant-picker-cell-inner" }, lt = { class: "das-picker-footer-extra" }, at = {
   key: 0,
   class: "das-picker-ranges"
-}, nr = { class: "das-picker-preset-span" }, sr = ["onClick"], ir = {
+}, ot = { class: "das-picker-preset-span" }, nt = ["onClick"], ut = {
   key: 0,
   class: "das-date-picker-error-label-content"
-}, dr = {
+}, st = {
   name: "DasRangePicker"
-}, pr = /* @__PURE__ */ ce({
-  ...dr,
+}, it = /* @__PURE__ */ pe({
+  ...st,
   props: {
     modelValue: {},
     borderType: { default: "bordered" },
@@ -407,267 +458,375 @@ const je = { class: "ant-picker-cell-inner" }, Ye = {
     formSize: {}
   },
   emits: ["change", "openChange", "update:model-value", "update:error"],
-  setup(F, { expose: K, emit: n }) {
-    ve((e) => ({
-      "7adff262": Z.value,
-      "75a1d93e": H.value
+  setup(l, { expose: j, emit: d }) {
+    fe((e) => ({
+      v0cab478c: P.value,
+      v6eeeb021: J.value
     }));
-    const t = F, m = n;
-    Me({
+    const t = l, m = d;
+    Ce({
       fold: import("@das-fed/upf-ui/packages/icons/fold"),
       riqixuanze: import("@das-fed/upf-ui/packages/icons/riqixuanze")
     });
-    const x = u(void 0);
-    _(D, async () => {
-      x.value = await $e(D.value);
+    const V = n(void 0);
+    H(D, async () => {
+      V.value = await ze(D.value);
     }, { immediate: !0 });
-    const y = s(() => `range-picker-${D.value}`), i = u(null), R = u(null), p = X(t, "modelValue"), M = X(t, "error"), Z = s(() => t.width ? t.width : "230px"), E = s(() => t.formSize), H = s(() => t.height ? t.height : E.value ? {
+    const y = i(() => `range-picker-${D.value}`), c = n(null), R = n(null), T = i(() => t.size === "table" || t.size === "middle" || t.size === "default" ? "middle" : t.size), k = G(t, "modelValue"), N = G(t, "error"), P = i(() => t.width ? t.width : "230px"), W = i(() => t.formSize), J = i(() => t.height ? t.height : W.value ? {
       small: "24px",
       default: "32px",
       large: "40px"
-    }[E.value] : "auto"), N = u(3e3), A = s(() => ({
-      "z-index": N.value
-    })), B = u(!1), O = u({
+    }[W.value] : "auto"), Z = n(3e3), q = i(() => ({
+      "z-index": Z.value
+    })), B = n(!1), A = n({
       display: "block",
-      color: ye("--das-ui-date-picker-overlay-error-color").value,
+      color: "var(--upf-color-error)",
       "white-space": "break-spaces"
-    }), $ = s(() => {
+    }), C = i(() => {
       var e;
-      return t.isView ? t.noSetDefaultVal ? ["", ""] : ["-", "-"] : (e = t.placeholder) == null ? void 0 : e.map((d) => se(d));
-    }), U = s(() => ({
+      return t.isView ? t.noSetDefaultVal ? ["", ""] : ["-", "-"] : (e = t.placeholder) == null ? void 0 : e.map((v) => ie(v));
+    }), Y = i(() => ({
       width: t.width
-    })), b = u(!1), C = u(["", ""]), q = u("~"), G = s(() => {
+    })), b = n(!1), L = n(["", ""]), U = n("~"), Q = i(() => {
       var e;
-      return (e = p.value) != null && e.length && p.value[0] && p.value[1] ? C.value.join(" " + q.value + " ") : $.value.join(" " + q.value + " ");
-    }), k = u([0, 0]), a = u([0, 0]), f = () => {
-      var z;
+      return (e = k.value) != null && e.length && k.value[0] && k.value[1] ? L.value.join(" " + U.value + " ") : C.value.join(" " + U.value + " ");
+    }), u = n([0, 0]), s = n([0, 0]), g = () => {
+      var M;
       let e = [];
-      const d = (z = i.value) == null ? void 0 : z.$el.querySelectorAll(".ant-picker-input>input");
-      if (!d)
+      const v = (M = c.value) == null ? void 0 : M.$el.querySelectorAll(".ant-picker-input>input");
+      if (!v)
         return e = [0, 0], e;
       let h = [];
-      for (let Q of d) {
-        h.push(Q.getAttribute("value") || "");
-        let xe = (Q == null ? void 0 : Q.offsetWidth) ?? 0;
-        e.push(xe);
+      for (let ee of v) {
+        h.push(ee.getAttribute("value") || "");
+        let Ee = (ee == null ? void 0 : ee.offsetWidth) ?? 0;
+        e.push(Ee);
       }
-      return C.value = h, e;
-    }, g = (e) => {
-      const d = t.size === "table" ? 12 : 14;
-      return ze(e, d);
-    }, L = () => {
+      return L.value = h, e;
+    }, z = (e) => {
+      const v = t.size === "table" ? 12 : 14;
+      return Se(e, v);
+    }, F = () => {
       var h;
       let e = [];
-      return ((h = i.value) == null ? void 0 : h.$el.querySelectorAll(".ant-picker-input>input")).forEach((z, Q) => {
-        p.value.length && p.value[0] && p.value[0] ? e.push(z == null ? void 0 : z.scrollWidth) : e.push(g($.value[Q]));
+      return ((h = c.value) == null ? void 0 : h.$el.querySelectorAll(".ant-picker-input>input")).forEach((M, ee) => {
+        k.value.length && k.value[0] && k.value[0] ? e.push(M == null ? void 0 : M.scrollWidth) : e.push(z(C.value[ee]));
       }), e;
     };
-    _(() => [$.value, p.value], () => {
-      ee(() => {
-        k.value = f(), a.value = L(), (k.value[0] === a.value[0] || a.value[0] - k.value[0] < 1) && (k.value[1] === a.value[1] || a.value[1] - k.value[1] < 1) && (b.value = !1);
+    H(() => [C.value, k.value], () => {
+      te(() => {
+        u.value = g(), s.value = F(), (u.value[0] === s.value[0] || s.value[0] - u.value[0] < 1) && (u.value[1] === s.value[1] || s.value[1] - u.value[1] < 1) && (b.value = !1);
       });
     });
-    const w = u();
-    _(
+    const x = n();
+    H(
       () => {
         var e;
         return (e = R.value) == null ? void 0 : e.$tooltipRef.popperRef.contentRef;
       },
       (e) => {
         e && (e.addEventListener("mouseenter", function() {
-          b.value = !0, w.value && clearTimeout(w.value);
+          b.value = !0, x.value && clearTimeout(x.value);
         }), e.addEventListener("mouseleave", function() {
-          w.value = setTimeout(() => {
+          x.value = setTimeout(() => {
             b.value = !1;
           }, 200);
         }));
       }
     );
-    const te = (e) => {
-      e && (N.value = Se().nextZIndex()), m("openChange", e), D.value === "en" && ee(() => {
-        const d = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
-        for (let h of d)
+    const le = (e) => {
+      e && (Z.value = Ie().nextZIndex()), m("openChange", e), D.value === "en-US" && te(() => {
+        const v = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
+        for (let h of v)
           h && (h.innerText = "OK");
       });
-    }, le = () => {
-      k.value = f(), a.value = L(), (k.value[0] === a.value[0] || a.value[0] - k.value[0] < 1) && (k.value[1] === a.value[1] || a.value[1] - k.value[1] < 1) ? b.value = !1 : (b.value = !0, w.value && clearTimeout(w.value)), B.value = !0;
     }, ae = () => {
-      w.value = setTimeout(() => {
+      u.value = g(), s.value = F(), (u.value[0] === s.value[0] || s.value[0] - u.value[0] < 1) && (u.value[1] === s.value[1] || s.value[1] - u.value[1] < 1) ? b.value = !1 : (b.value = !0, x.value && clearTimeout(x.value)), B.value = !0;
+    }, oe = () => {
+      x.value = setTimeout(() => {
         b.value = !1;
       }, 200), B.value = !1;
-    }, oe = (e, d) => {
-      e ? le() : ae();
-    }, ie = (e, d) => {
-      if (M.value = !1, e === null) {
-        m("update:model-value", [null, null]), m("change", [null, null], d);
+    }, ne = (e, v) => {
+      e ? ae() : oe();
+    }, de = (e, v) => {
+      if (N.value = !1, e === null) {
+        m("update:model-value", [null, null]), m("change", [null, null], v);
         return;
       }
-      m("update:error", M.value), m("update:model-value", e), m("change", e, d);
-    }, de = (e) => {
-      m("update:model-value", e.value), m("change", e.value, [e.value[0].format(t.format), e.value[1].format(t.format)]), i.value.blur();
+      m("update:error", N.value), m("update:model-value", e), m("change", e, v);
+    }, ce = (e) => {
+      m("update:model-value", e.value), m("change", e.value, [e.value[0].format(t.format), e.value[1].format(t.format)]), c.value.blur();
     };
-    return K({
-      $rangePicker: i,
+    return j({
+      $rangePicker: c,
       blur: () => {
-        i.value.blur();
+        c.value.blur();
       },
       focus: () => {
-        i.value.focus();
+        c.value.focus();
       }
-    }), (e, d) => (v(), T("div", {
-      class: be(["das-ui-range-picker", [e.borderType, t.isView ? "readonly" : "", o(M) ? "is-error" : ""]]),
-      style: Y(U.value)
-    }, [
-      I(o(Te), { locale: x.value }, {
-        default: c(() => [
-          I(o(Ie), {
-            ref_key: "inputTooltipRef",
-            ref: R,
-            placement: "top",
-            trigger: "hover",
-            visible: b.value,
-            disabled: !e.isTooltip,
-            content: G.value
-          }, {
-            default: c(() => [
-              fe((v(), j(o(We), ne({
-                key: y.value,
-                ref_key: "$rangePicker",
-                ref: i
-              }, e.$attrs, {
-                value: o(p),
-                size: t.size,
-                dropdownClassName: "das-ui-range-picker-dropdown " + e.dropdownClassName,
-                placeholder: $.value,
-                showToday: e.showToday,
-                showTime: e.showTime,
-                bordered: e.borderType === "bordered",
-                disabled: t.disabled || t.isView,
-                style: U.value,
-                popupStyle: A.value,
-                onChange: ie,
-                onOpenChange: te
-              }), {
-                dateRender: c((h) => [
-                  S(e.$slots, "dateRender", ge(we(h)), () => [
-                    V("div", ar, W(h.current.date()), 1)
-                  ], !0)
-                ]),
-                nextIcon: c(() => d[1] || (d[1] = [
-                  De(" XX ")
-                ])),
-                prevIcon: c(() => [
-                  S(e.$slots, "prevIcon", {}, void 0, !0)
-                ]),
-                superNextIcon: c(() => [
-                  S(e.$slots, "superNextIcon", {}, void 0, !0)
-                ]),
-                superPrevIcon: c(() => [
-                  S(e.$slots, "superPrevIcon", {}, void 0, !0)
-                ]),
-                suffixIcon: c(() => [
-                  S(e.$slots, "suffixIcon", {}, () => [
-                    I(o(re), {
-                      class: "das-suffix-icon",
-                      icon: "riqixuanze",
-                      size: "medium"
-                    })
-                  ], !0)
-                ]),
-                separator: c(() => [
-                  S(e.$slots, "separator", {}, () => [
-                    d[2] || (d[2] = V("div", { style: { padding: "0 8px" } }, "~", -1))
-                  ], !0)
-                ]),
-                renderExtraFooter: c(() => [
-                  V("div", or, [
-                    S(e.$slots, "renderExtraFooter", {}, void 0, !0)
+    }), (e, v) => (f(), I(
+      "div",
+      {
+        class: ke(["das-ui-range-picker", [l.borderType, t.isView ? "readonly" : "", o(N) ? "is-error" : ""]]),
+        style: X(Y.value)
+      },
+      [
+        S(o(Te), { locale: V.value }, {
+          default: p(() => [
+            S(o(xe), {
+              ref_key: "inputTooltipRef",
+              ref: R,
+              placement: "top",
+              trigger: "hover",
+              visible: b.value,
+              disabled: !l.isTooltip,
+              content: Q.value
+            }, {
+              default: p(() => [
+                me((f(), K(o(We), se({
+                  key: y.value,
+                  ref_key: "$rangePicker",
+                  ref: c
+                }, e.$attrs, {
+                  value: o(k),
+                  size: T.value,
+                  dropdownClassName: "das-ui-range-picker-dropdown " + l.dropdownClassName,
+                  placeholder: C.value,
+                  showToday: l.showToday,
+                  showTime: l.showTime,
+                  bordered: l.borderType === "bordered",
+                  disabled: t.disabled || t.isView,
+                  style: Y.value,
+                  popupStyle: q.value,
+                  onChange: de,
+                  onOpenChange: le
+                }), {
+                  dateRender: p((h) => [
+                    $(e.$slots, "dateRender", ge(we(h)), () => [
+                      E(
+                        "div",
+                        rt,
+                        O(h.current.date()),
+                        1
+                        /* TEXT */
+                      )
+                    ], !0)
+                  ]),
+                  nextIcon: p(() => [
+                    w(' <slot name="nextIcon"> '),
+                    v[1] || (v[1] = Me(
+                      " XX ",
+                      -1
+                      /* CACHED */
+                    )),
+                    w(" </slot> ")
+                  ]),
+                  prevIcon: p(() => [
+                    $(e.$slots, "prevIcon", {}, () => [
+                      w(' <das-icon icon="left"></das-icon> ')
+                    ], !0)
+                  ]),
+                  superNextIcon: p(() => [
+                    $(e.$slots, "superNextIcon", {}, () => [
+                      w(' <das-icon icon="double-arrow-right"></das-icon> ')
+                    ], !0)
+                  ]),
+                  superPrevIcon: p(() => [
+                    $(e.$slots, "superPrevIcon", {}, () => [
+                      w(' <das-icon icon="double-arrow-left"></das-icon> ')
+                    ], !0)
                   ]),
-                  e.showTime || e.ranges && e.ranges.length ? (v(), T("div", ur, [
-                    (v(!0), T(ue, null, Le(e.ranges, (h) => (v(), T("div", {
-                      class: "das-picker-preset",
-                      key: h.key
-                    }, [
-                      h.type === "dropdown" && h.children.length ? (v(), j(o(Fe), {
-                        key: 0,
-                        trigger: ["click"]
-                      }, {
-                        overlay: c(() => [
-                          I(o(Ze), null, {
-                            default: c(() => [
-                              (v(!0), T(ue, null, Le(h.children, (z) => (v(), j(o(Ae), {
-                                key: z.key,
-                                onClick: (Q) => de(z)
-                              }, {
-                                default: c(() => [
-                                  (v(), T("span", { key: z }, W(z.key), 1))
-                                ]),
-                                _: 2
-                              }, 1032, ["onClick"]))), 128))
-                            ]),
-                            _: 2
-                          }, 1024)
-                        ]),
-                        default: c(() => [
-                          V("a", {
-                            class: "ant-dropdown-link",
-                            onClick: d[0] || (d[0] = Re(() => {
-                            }, ["prevent"]))
-                          }, [
-                            V("span", nr, [
-                              De(W(h.key) + " ", 1),
-                              I(o(re), {
-                                icon: "fold",
-                                size: "mini",
-                                style: { display: "inline-block" }
-                              })
-                            ])
-                          ])
-                        ]),
-                        _: 2
-                      }, 1024)) : (v(), T("span", {
-                        key: 1,
-                        class: "das-picker-preset-span",
-                        onClick: (z) => de(h)
-                      }, W(h.key), 9, sr))
-                    ]))), 128))
-                  ])) : P("", !0)
-                ]),
-                _: 3
-              }, 16, ["value", "size", "dropdownClassName", "placeholder", "showToday", "showTime", "bordered", "disabled", "style", "popupStyle"])), [
-                [o(he), oe]
-              ])
-            ]),
-            _: 3
-          }, 8, ["visible", "disabled", "content"])
-        ]),
-        _: 3
-      }, 8, ["locale"]),
-      e.error && e.errorLabel ? (v(), T(ue, { key: 0 }, [
-        e.errorMode === "default" ? (v(), T("div", ir, [
-          V("span", {
-            style: Y(O.value)
-          }, W(e.errorLabel), 5)
-        ])) : P("", !0),
-        e.errorMode === "overlay" && B.value ? (v(), j(o(me), {
-          key: 1,
-          errorLabel: e.errorLabel,
-          getEl: () => {
-            var h;
-            return (h = i.value) == null ? void 0 : h.$el;
-          },
-          errorModelZIndex: e.errorModelZIndex
-        }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : P("", !0)
-      ], 64)) : P("", !0)
-    ], 6));
+                  suffixIcon: p(() => [
+                    $(e.$slots, "suffixIcon", {}, () => [
+                      S(o(re), {
+                        class: "das-suffix-icon",
+                        icon: "riqixuanze",
+                        size: "medium"
+                      })
+                    ], !0)
+                  ]),
+                  separator: p(() => [
+                    $(e.$slots, "separator", {}, () => [
+                      v[2] || (v[2] = E(
+                        "div",
+                        { style: { padding: "0 8px" } },
+                        "~",
+                        -1
+                        /* CACHED */
+                      ))
+                    ], !0)
+                  ]),
+                  renderExtraFooter: p(() => [
+                    E("div", lt, [
+                      $(e.$slots, "renderExtraFooter", {}, void 0, !0)
+                    ]),
+                    l.showTime || l.ranges && l.ranges.length ? (f(), I("div", at, [
+                      (f(!0), I(
+                        ue,
+                        null,
+                        Le(l.ranges, (h) => (f(), I("div", {
+                          class: "das-picker-preset",
+                          key: h.key
+                        }, [
+                          w(` <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> `),
+                          h.type === "dropdown" && h.children.length ? (f(), K(
+                            o(Ze),
+                            {
+                              key: 0,
+                              trigger: ["click"]
+                            },
+                            {
+                              overlay: p(() => [
+                                S(
+                                  o(Ae),
+                                  null,
+                                  {
+                                    default: p(() => [
+                                      (f(!0), I(
+                                        ue,
+                                        null,
+                                        Le(h.children, (M) => (f(), K(o(Fe), {
+                                          key: M.key,
+                                          onClick: (ee) => ce(M)
+                                        }, {
+                                          default: p(() => [
+                                            (f(), I(
+                                              "span",
+                                              { key: M },
+                                              O(M.key),
+                                              1
+                                              /* TEXT */
+                                            ))
+                                          ]),
+                                          _: 2
+                                          /* DYNAMIC */
+                                        }, 1032, ["onClick"]))),
+                                        128
+                                        /* KEYED_FRAGMENT */
+                                      ))
+                                    ]),
+                                    _: 2
+                                    /* DYNAMIC */
+                                  },
+                                  1024
+                                  /* DYNAMIC_SLOTS */
+                                )
+                              ]),
+                              default: p(() => [
+                                E("a", {
+                                  class: "ant-dropdown-link",
+                                  onClick: v[0] || (v[0] = Re(() => {
+                                  }, ["prevent"]))
+                                }, [
+                                  E("span", ot, [
+                                    Me(
+                                      O(h.key) + " ",
+                                      1
+                                      /* TEXT */
+                                    ),
+                                    S(o(re), {
+                                      icon: "fold",
+                                      size: "mini",
+                                      style: { display: "inline-block" }
+                                    })
+                                  ])
+                                ])
+                              ]),
+                              _: 2
+                              /* DYNAMIC */
+                            },
+                            1024
+                            /* DYNAMIC_SLOTS */
+                          )) : (f(), I("span", {
+                            key: 1,
+                            class: "das-picker-preset-span",
+                            onClick: (M) => ce(h)
+                          }, O(h.key), 9, nt))
+                        ]))),
+                        128
+                        /* KEYED_FRAGMENT */
+                      )),
+                      w(` <div class="das-picker-ok">\r
+                <das-button btnType="primary" size="middle">Ok</das-button>\r
+              </div> `)
+                    ])) : w("v-if", !0)
+                  ]),
+                  _: 3
+                  /* FORWARDED */
+                }, 16, ["value", "size", "dropdownClassName", "placeholder", "showToday", "showTime", "bordered", "disabled", "style", "popupStyle"])), [
+                  [o(ye), ne]
+                ])
+              ]),
+              _: 3
+              /* FORWARDED */
+            }, 8, ["visible", "disabled", "content"])
+          ]),
+          _: 3
+          /* FORWARDED */
+        }, 8, ["locale"]),
+        w(` <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> `),
+        l.error && l.errorLabel ? (f(), I(
+          ue,
+          { key: 0 },
+          [
+            l.errorMode === "default" ? (f(), I("div", ut, [
+              E(
+                "span",
+                {
+                  style: X(A.value)
+                },
+                O(l.errorLabel),
+                5
+                /* TEXT, STYLE */
+              )
+            ])) : w("v-if", !0),
+            l.errorMode === "overlay" && B.value ? (f(), K(o(he), {
+              key: 1,
+              errorLabel: l.errorLabel,
+              getEl: () => {
+                var h;
+                return (h = c.value) == null ? void 0 : h.$el;
+              },
+              errorModelZIndex: l.errorModelZIndex
+            }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : w("v-if", !0)
+          ],
+          64
+          /* STABLE_FRAGMENT */
+        )) : w("v-if", !0)
+      ],
+      6
+      /* CLASS, STYLE */
+    ));
   }
-}), cr = /* @__PURE__ */ ke(pr, [["__scopeId", "data-v-34df9634"]]), vr = { class: "ant-picker-cell-inner" }, fr = {
+}), dt = /* @__PURE__ */ be(it, [["__scopeId", "data-v-9085501f"]]), ct = { class: "ant-picker-cell-inner" }, vt = {
   key: 0,
   class: "das-date-picker-error-label-content"
-}, mr = {
+}, pt = {
   name: "DasDatePicker"
-}, hr = /* @__PURE__ */ ce({
-  ...mr,
+}, ft = /* @__PURE__ */ pe({
+  ...pt,
   props: {
     modelValue: {},
     borderType: { default: "bordered" },
@@ -689,167 +848,205 @@ const je = { class: "ant-picker-cell-inner" }, Ye = {
     formSize: {}
   },
   emits: ["change", "openChange", "update:model-value", "update:error"],
-  setup(F, { expose: K, emit: n }) {
-    ve((r) => ({
-      "69b24650": Z.value,
-      "9a70ec46": H.value
+  setup(l, { expose: j, emit: d }) {
+    fe((r) => ({
+      v680e6b6e: N.value,
+      v7ff0087f: J.value
     }));
-    const t = F, m = n, x = u(void 0);
-    _(D, async () => {
-      x.value = await $e(D.value);
+    const t = l, m = d, V = n(void 0);
+    H(D, async () => {
+      V.value = await ze(D.value);
     }, { immediate: !0 });
-    const y = s(() => `time-picker-${D.value}`), i = u(null), R = u(null), p = X(t, "modelValue"), M = X(t, "error"), Z = s(() => t.width ? t.width : "230px"), E = s(() => t.formSize), H = s(() => t.height ? t.height : E.value ? {
+    const y = i(() => `time-picker-${D.value}`), c = n(null), R = n(null), T = G(t, "modelValue"), k = G(t, "error"), N = i(() => t.width ? t.width : "230px"), P = i(() => t.formSize), W = i(() => t.size === "large" ? "large" : t.size === "small" || t.size === "table" ? "small" : "middle"), J = i(() => t.height ? t.height : P.value ? {
       small: "24px",
       default: "32px",
       large: "40px"
-    }[E.value] : "auto"), N = s(() => ({
+    }[P.value] : "auto"), Z = i(() => ({
       width: t.width
-    })), A = s(() => t.isView ? t.noSetDefaultVal ? "" : "-" : se(t.placeholder)), B = u(3e3), O = s(() => ({
+    })), q = i(() => t.isView ? t.noSetDefaultVal ? "" : "-" : ie(t.placeholder)), B = n(3e3), A = i(() => ({
       "z-index": B.value
-    })), $ = u(!1), U = u({
+    })), C = n(!1), Y = n({
       display: "block",
-      color: ye("--das-ui-date-picker-overlay-error-color").value,
+      color: "var(--upf-color-error)",
       "white-space": "break-spaces"
     }), b = (r) => {
-      r && (B.value = Se().nextZIndex()), m("openChange", r), D.value === "en" && ee(() => {
-        const l = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
-        for (let e of l)
+      r && (B.value = Ie().nextZIndex()), m("openChange", r), String(D.value).startsWith("en") && te(() => {
+        const a = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
+        for (let e of a)
           e && (e.innerText = "OK");
       });
-    }, C = u(!1), q = u(""), G = s(() => p.value ? q.value : A.value), k = () => {
+    }, L = n(!1), U = n(""), Q = i(() => T.value ? U.value : q.value), u = () => {
       const r = t.size === "table" ? 12 : 14;
-      return ze(A.value, r);
-    }, a = () => {
-      var l;
-      const r = (l = i.value) == null ? void 0 : l.$el.querySelector(".ant-picker-input>input");
-      return p.value ? r == null ? void 0 : r.scrollWidth : k();
-    }, f = () => {
+      return Se(q.value, r);
+    }, s = () => {
+      var a;
+      const r = (a = c.value) == null ? void 0 : a.$el.querySelector(".ant-picker-input>input");
+      return T.value ? r == null ? void 0 : r.scrollWidth : u();
+    }, g = () => {
       var e;
-      const r = (e = i.value) == null ? void 0 : e.$el.querySelector(".ant-picker-input>input");
-      return r ? (q.value = r.getAttribute("value"), r.removeAttribute("title"), (r == null ? void 0 : r.offsetWidth) ?? 0) : 0;
-    }, g = u(0), L = u(0);
-    _(() => [A.value, p.value], () => {
-      ee(() => {
-        g.value = f(), L.value = a(), (g.value === L.value || L.value - g.value < 1) && (C.value = !1);
+      const r = (e = c.value) == null ? void 0 : e.$el.querySelector(".ant-picker-input>input");
+      return r ? (U.value = r.getAttribute("value"), r.removeAttribute("title"), (r == null ? void 0 : r.offsetWidth) ?? 0) : 0;
+    }, z = n(0), F = n(0);
+    H(() => [q.value, T.value], () => {
+      te(() => {
+        z.value = g(), F.value = s(), (z.value === F.value || F.value - z.value < 1) && (L.value = !1);
       });
     });
-    const w = u();
-    _(
+    const x = n();
+    H(
       () => {
         var r;
         return (r = R.value) == null ? void 0 : r.$tooltipRef.popperRef.contentRef;
       },
       (r) => {
         r && (r.addEventListener("mouseenter", function() {
-          C.value = !0, w.value && clearTimeout(w.value);
+          L.value = !0, x.value && clearTimeout(x.value);
         }), r.addEventListener("mouseleave", function() {
-          w.value = setTimeout(() => {
-            C.value = !1;
+          x.value = setTimeout(() => {
+            L.value = !1;
           }, 200);
         }));
       }
     );
-    const te = () => {
-      g.value = f(), L.value = a(), g.value === L.value || L.value - g.value < 1 ? C.value = !1 : (C.value = !0, w.value && clearTimeout(w.value)), $.value = !0;
-    }, le = () => {
-      w.value = setTimeout(() => {
-        C.value = !1;
-      }, 200), $.value = !1;
-    }, ae = (r, l) => {
-      r ? te() : le();
-    }, oe = (r, l) => {
-      M.value = !1, m("update:error", M.value), m("update:model-value", r), m("change", r, l);
+    const le = () => {
+      z.value = g(), F.value = s(), z.value === F.value || F.value - z.value < 1 ? L.value = !1 : (L.value = !0, x.value && clearTimeout(x.value)), C.value = !0;
+    }, ae = () => {
+      x.value = setTimeout(() => {
+        L.value = !1;
+      }, 200), C.value = !1;
+    }, oe = (r) => {
+      r ? le() : ae();
+    }, ne = (r, a) => {
+      k.value = !1, m("update:error", k.value), m("update:model-value", r), m("change", r, a);
     };
-    return K({
-      $timePicker: i,
+    return j({
+      $timePicker: c,
       blur: () => {
-        i.value.blur();
+        c.value.blur();
       },
       focus: () => {
-        i.value.focus();
+        c.value.focus();
       }
-    }), (r, l) => (v(), T("div", {
-      class: be(["das-ui-time-picker", [r.borderType, t.isView ? "readonly" : "", o(M) ? "is-error" : ""]]),
-      style: Y(N.value)
-    }, [
-      I(o(Te), { locale: x.value }, {
-        default: c(() => [
-          I(o(Ie), {
-            ref_key: "inputTooltipRef",
-            ref: R,
-            placement: "top",
-            trigger: "hover",
-            visible: C.value,
-            disabled: !r.isTooltip,
-            content: G.value
-          }, {
-            default: c(() => [
-              fe((v(), j(o(Oe), ne({
-                key: y.value,
-                ref_key: "$timePicker",
-                ref: i
-              }, r.$attrs, {
-                value: o(p),
-                "onUpdate:value": l[0] || (l[0] = (e) => Ce(p) ? p.value = e : null),
-                size: t.size,
-                popupClassName: "das-ui-time-picker-dropdown " + r.dropdownClassName,
-                showNow: r.showNow,
-                bordered: r.borderType === "bordered",
-                placeholder: A.value,
-                disabled: t.disabled || t.isView,
-                style: N.value,
-                popupStyle: O.value,
-                onChange: oe,
-                onOpenChange: b
-              }), {
-                dateRender: c((e) => [
-                  S(r.$slots, "dateRender", ge(we(e)), () => [
-                    V("div", vr, W(e.current.date()), 1)
-                  ], !0)
-                ]),
-                suffixIcon: c(() => [
-                  S(r.$slots, "suffixIcon", {}, () => [
-                    I(o(Ue), {
-                      class: "das-suffix-icon",
-                      size: "medium"
-                    })
-                  ], !0)
-                ]),
-                _: 3
-              }, 16, ["value", "size", "popupClassName", "showNow", "bordered", "placeholder", "disabled", "style", "popupStyle"])), [
-                [o(he), ae]
-              ])
-            ]),
-            _: 3
-          }, 8, ["visible", "disabled", "content"])
-        ]),
-        _: 3
-      }, 8, ["locale"]),
-      r.error && r.errorLabel ? (v(), T(ue, { key: 0 }, [
-        r.errorMode === "default" ? (v(), T("div", fr, [
-          V("span", {
-            style: Y(U.value)
-          }, W(r.errorLabel), 5)
-        ])) : P("", !0),
-        r.errorMode === "overlay" && $.value ? (v(), j(o(me), {
-          key: 1,
-          errorLabel: r.errorLabel,
-          getEl: () => {
-            var e;
-            return (e = i.value) == null ? void 0 : e.$el;
-          },
-          errorModelZIndex: r.errorModelZIndex
-        }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : P("", !0)
-      ], 64)) : P("", !0)
-    ], 6));
+    }), (r, a) => (f(), I(
+      "div",
+      {
+        class: ke(["das-ui-time-picker", [l.borderType, t.isView ? "readonly" : "", o(k) ? "is-error" : ""]]),
+        style: X(Z.value)
+      },
+      [
+        S(o(Te), { locale: V.value }, {
+          default: p(() => [
+            S(o(xe), {
+              ref_key: "inputTooltipRef",
+              ref: R,
+              placement: "top",
+              trigger: "hover",
+              visible: L.value,
+              disabled: !l.isTooltip,
+              content: Q.value
+            }, {
+              default: p(() => [
+                me((f(), K(o(Oe), se({
+                  key: y.value,
+                  ref_key: "$timePicker",
+                  ref: c
+                }, r.$attrs, {
+                  value: o(T),
+                  "onUpdate:value": a[0] || (a[0] = (e) => $e(T) ? T.value = e : null),
+                  size: W.value,
+                  popupClassName: "das-ui-time-picker-dropdown " + l.dropdownClassName,
+                  showNow: l.showNow,
+                  bordered: l.borderType === "bordered",
+                  placeholder: q.value,
+                  disabled: t.disabled || t.isView,
+                  style: Z.value,
+                  popupStyle: A.value,
+                  onChange: ne,
+                  onOpenChange: b
+                }), {
+                  dateRender: p((e) => [
+                    $(r.$slots, "dateRender", ge(we(e)), () => [
+                      E(
+                        "div",
+                        ct,
+                        O(e.current.date()),
+                        1
+                        /* TEXT */
+                      )
+                    ], !0)
+                  ]),
+                  suffixIcon: p(() => [
+                    $(r.$slots, "suffixIcon", {}, () => [
+                      S(o(He), {
+                        class: "das-suffix-icon",
+                        size: "medium"
+                      })
+                    ], !0)
+                  ]),
+                  _: 3
+                  /* FORWARDED */
+                }, 16, ["value", "size", "popupClassName", "showNow", "bordered", "placeholder", "disabled", "style", "popupStyle"])), [
+                  [o(ye), oe]
+                ])
+              ]),
+              _: 3
+              /* FORWARDED */
+            }, 8, ["visible", "disabled", "content"])
+          ]),
+          _: 3
+          /* FORWARDED */
+        }, 8, ["locale"]),
+        l.error && l.errorLabel ? (f(), I(
+          ue,
+          { key: 0 },
+          [
+            l.errorMode === "default" ? (f(), I("div", vt, [
+              E(
+                "span",
+                {
+                  style: X(Y.value)
+                },
+                O(l.errorLabel),
+                5
+                /* TEXT, STYLE */
+              )
+            ])) : w("v-if", !0),
+            l.errorMode === "overlay" && C.value ? (f(), K(o(he), {
+              key: 1,
+              errorLabel: l.errorLabel,
+              getEl: () => {
+                var e;
+                return (e = c.value) == null ? void 0 : e.$el;
+              },
+              errorModelZIndex: l.errorModelZIndex
+            }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : w("v-if", !0),
+            w(` <template v-else-if="errorMode === 'overlay' && isHoverInInput">\r
+        <teleport to="body" v-if="teleported">\r
+          <div ref="$errorModel" :style="errorModelStyle">\r
+            <span :style="errorLabelStyle">{{ errorLabel }}</span>\r
+          </div>\r
+        </teleport>\r
+\r
+        <div :style="errorModalBaseSyle" class="das-picker-error-label label" v-else>\r
+          <span :style="errorLabelStyle">{{ errorLabel }}</span>\r
+        </div>\r
+      </template> `)
+          ],
+          64
+          /* STABLE_FRAGMENT */
+        )) : w("v-if", !0)
+      ],
+      6
+      /* CLASS, STYLE */
+    ));
   }
-}), yr = /* @__PURE__ */ ke(hr, [["__scopeId", "data-v-d798677d"]]), kr = { class: "ant-picker-cell-inner" }, br = {
+}), mt = /* @__PURE__ */ be(ft, [["__scopeId", "data-v-dfa7b5b9"]]), ht = { class: "ant-picker-cell-inner" }, yt = {
   key: 0,
   class: "das-date-picker-error-label-content"
-}, gr = {
+}, bt = {
   name: "DasDatePicker"
-}, wr = /* @__PURE__ */ ce({
-  ...gr,
+}, kt = /* @__PURE__ */ pe({
+  ...bt,
   props: {
     modelValue: {},
     borderType: { default: "bordered" },
@@ -871,215 +1068,223 @@ const je = { class: "ant-picker-cell-inner" }, Ye = {
     formSize: {}
   },
   emits: ["change", "openChange", "update:model-value", "update:error"],
-  setup(F, { expose: K, emit: n }) {
-    ve((l) => ({
-      b908d1c4: Z.value,
-      "9baf5a62": H.value
-    })), Me({
+  setup(l, { expose: j, emit: d }) {
+    fe((a) => ({
+      v43899416: N.value,
+      v13d9f4d7: J.value
+    })), Ce({
       dengdai: import("@das-fed/upf-ui/packages/icons/dengdai")
     });
-    const t = F, m = n, x = u(void 0);
-    _(D, async () => {
-      x.value = await $e(D.value);
+    const t = l, m = d, V = n(void 0);
+    H(D, async () => {
+      V.value = await ze(D.value);
     }, { immediate: !0 });
-    const y = s(() => `time-range-picker-${D.value}`), i = u(null), R = u(null), p = X(t, "modelValue"), M = X(t, "error"), Z = s(() => t.width ? t.width : "230px"), E = s(() => t.formSize), H = s(() => t.height ? t.height : E.value ? {
+    const y = i(() => `time-range-picker-${D.value}`), c = n(null), R = n(null), T = G(t, "modelValue"), k = G(t, "error"), N = i(() => t.width ? t.width : "230px"), P = i(() => t.formSize), W = i(() => t.size === "large" ? "large" : t.size === "small" || t.size === "table" ? "small" : "middle"), J = i(() => t.height ? t.height : P.value ? {
       small: "24px",
       default: "32px",
       large: "40px"
-    }[E.value] : "auto"), N = u(3e3), A = s(() => ({
-      "z-index": N.value
-    })), B = s(() => ({
+    }[P.value] : "auto"), Z = n(3e3), q = i(() => ({
+      "z-index": Z.value
+    })), B = i(() => ({
       width: t.width
-    })), O = s(() => {
-      var l;
-      return t.isView ? t.noSetDefaultVal ? ["", ""] : ["-", "-"] : (l = t.placeholder) == null ? void 0 : l.map((e) => se(e));
-    }), $ = u(!1), U = u({
+    })), A = i(() => {
+      var a;
+      return t.isView ? t.noSetDefaultVal ? ["", ""] : ["-", "-"] : (a = t.placeholder) == null ? void 0 : a.map((e) => ie(e));
+    }), C = n(!1), Y = n({
       display: "block",
-      color: ye("--das-ui-date-picker-overlay-error-color").value,
+      color: "var(--upf-color-error)",
       "white-space": "break-spaces"
-    }), b = u(!1), C = u(["", ""]), q = u("~"), G = s(() => {
-      var l;
-      return (l = p.value) != null && l.length && p.value[0] && p.value[1] ? C.value.join(" " + q.value + " ") : O.value.join(" " + q.value + " ");
-    }), k = u([0, 0]), a = u([0, 0]), f = () => {
+    }), b = n(!1), L = n(["", ""]), U = n("~"), Q = i(() => {
+      var a;
+      return (a = T.value) != null && a.length && T.value[0] && T.value[1] ? L.value.join(" " + U.value + " ") : A.value.join(" " + U.value + " ");
+    }), u = n([0, 0]), s = n([0, 0]), g = () => {
       var h;
-      let l = [];
-      const e = (h = i.value) == null ? void 0 : h.$el.querySelectorAll(".ant-picker-input>input");
+      let a = [];
+      const e = (h = c.value) == null ? void 0 : h.$el.querySelectorAll(".ant-picker-input>input");
       if (!e)
-        return l = [0, 0], l;
-      let d = [];
-      for (let z of e) {
-        d.push(z.getAttribute("value") || "");
-        let Q = (z == null ? void 0 : z.offsetWidth) ?? 0;
-        l.push(Q);
+        return a = [0, 0], a;
+      let v = [];
+      for (let M of e) {
+        v.push(M.getAttribute("value") || "");
+        let ee = (M == null ? void 0 : M.offsetWidth) ?? 0;
+        a.push(ee);
       }
-      return C.value = d, l;
-    }, g = (l) => {
+      return L.value = v, a;
+    }, z = (a) => {
       const e = t.size === "table" ? 12 : 14;
-      return ze(l, e);
-    }, L = () => {
-      var d;
-      let l = [];
-      return ((d = i.value) == null ? void 0 : d.$el.querySelectorAll(".ant-picker-input>input")).forEach((h, z) => {
-        p.value.length && p.value[0] && p.value[0] ? l.push(h == null ? void 0 : h.scrollWidth) : l.push(g(O.value[z]));
-      }), l;
+      return Se(a, e);
+    }, F = () => {
+      var v;
+      let a = [];
+      return ((v = c.value) == null ? void 0 : v.$el.querySelectorAll(".ant-picker-input>input")).forEach((h, M) => {
+        T.value.length && T.value[0] && T.value[0] ? a.push(h == null ? void 0 : h.scrollWidth) : a.push(z(A.value[M]));
+      }), a;
     };
-    _(() => [O.value, p.value], () => {
-      ee(() => {
-        k.value = f(), a.value = L(), (k.value[0] === a.value[0] || a.value[0] - k.value[0] < 1) && (k.value[1] === a.value[1] || a.value[1] - k.value[1] < 1) && (b.value = !1);
+    H(() => [A.value, T.value], () => {
+      te(() => {
+        u.value = g(), s.value = F(), (u.value[0] === s.value[0] || s.value[0] - u.value[0] < 1) && (u.value[1] === s.value[1] || s.value[1] - u.value[1] < 1) && (b.value = !1);
       });
     });
-    const w = u();
-    _(
+    const x = n();
+    H(
       () => {
-        var l;
-        return (l = R.value) == null ? void 0 : l.$tooltipRef.popperRef.contentRef;
+        var a;
+        return (a = R.value) == null ? void 0 : a.$tooltipRef.popperRef.contentRef;
       },
-      (l) => {
-        l && (l.addEventListener("mouseenter", function() {
-          b.value = !0, w.value && clearTimeout(w.value);
-        }), l.addEventListener("mouseleave", function() {
-          w.value = setTimeout(() => {
+      (a) => {
+        a && (a.addEventListener("mouseenter", function() {
+          b.value = !0, x.value && clearTimeout(x.value);
+        }), a.addEventListener("mouseleave", function() {
+          x.value = setTimeout(() => {
             b.value = !1;
           }, 200);
         }));
       }
     );
-    const te = (l) => {
-      l && (N.value = Se().nextZIndex()), m("openChange", l), D.value === "en" && ee(() => {
+    const le = (a) => {
+      a && (Z.value = Ie().nextZIndex()), m("openChange", a), String(D.value).startsWith("en") && te(() => {
         const e = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
-        for (let d of e)
-          d && (d.innerText = "OK");
+        for (let v of e)
+          v && (v.innerText = "OK");
       });
-    }, le = () => {
-      k.value = f(), a.value = L(), (k.value[0] === a.value[0] || a.value[0] - k.value[0] < 1) && (k.value[1] === a.value[1] || a.value[1] - k.value[1] < 1) ? b.value = !1 : (b.value = !0, w.value && clearTimeout(w.value)), $.value = !0;
     }, ae = () => {
-      w.value = setTimeout(() => {
+      u.value = g(), s.value = F(), (u.value[0] === s.value[0] || s.value[0] - u.value[0] < 1) && (u.value[1] === s.value[1] || s.value[1] - u.value[1] < 1) ? b.value = !1 : (b.value = !0, x.value && clearTimeout(x.value)), C.value = !0;
+    }, oe = () => {
+      x.value = setTimeout(() => {
         b.value = !1;
-      }, 200), $.value = !1;
-    }, oe = (l, e) => {
-      l ? le() : ae();
-    }, ie = (l, e) => {
-      if (M.value = !1, l === null) {
-        m("update:model-value", [null, null]), m("change", [null, null], e);
+      }, 200), C.value = !1;
+    }, ne = (a) => {
+      a ? ae() : oe();
+    }, de = (a, e) => {
+      if (k.value = !1, a === null) {
+        m("update:model-value", [null, null]), m("change", [null, null], Array.isArray(e) ? e.join(" ~ ") : e);
         return;
       }
-      m("update:error", M.value), m("update:model-value", l), m("change", l, e);
+      m("update:error", k.value), m("update:model-value", a), m("change", a, Array.isArray(e) ? e.join(" ~ ") : e);
     };
-    return K({
-      $timeRangePicker: i,
+    return j({
+      $timeRangePicker: c,
       blur: () => {
-        i.value.blur();
+        c.value.blur();
       },
       focus: () => {
-        i.value.focus();
+        c.value.focus();
       }
-    }), (l, e) => (v(), T("div", {
-      class: be(["das-ui-time-range-picker", [l.borderType, t.isView ? "readonly" : "", o(M) ? "is-error" : ""]]),
-      style: Y(B.value)
-    }, [
-      I(o(Te), { locale: x.value }, {
-        default: c(() => [
-          I(o(Ie), {
-            ref_key: "inputTooltipRef",
-            ref: R,
-            placement: "top",
-            trigger: "hover",
-            visible: b.value,
-            disabled: !l.isTooltip,
-            content: G.value
-          }, {
-            default: c(() => [
-              fe((v(), j(o(qe), ne({
-                key: y.value,
-                ref_key: "$timeRangePicker",
-                ref: i
-              }, l.$attrs, {
-                value: o(p),
-                "onUpdate:value": e[0] || (e[0] = (d) => Ce(p) ? p.value = d : null),
-                size: t.size,
-                popupClassName: "das-ui-time-range-picker-dropdown " + l.dropdownClassName,
-                showNow: l.showNow,
-                bordered: l.borderType === "bordered",
-                placeholder: O.value,
-                disabled: t.disabled || t.isView,
-                style: B.value,
-                popupStyle: A.value,
-                onChange: ie,
-                onOpenChange: te
-              }), {
-                dateRender: c((d) => [
-                  S(l.$slots, "dateRender", ge(we(d)), () => [
-                    V("div", kr, W(d.current.date()), 1)
-                  ], !0)
-                ]),
-                suffixIcon: c(() => [
-                  S(l.$slots, "suffixIcon", {}, () => [
-                    I(o(re), {
-                      class: "das-suffix-icon",
-                      icon: "dengdai",
-                      size: "medium"
-                    })
-                  ], !0)
-                ]),
-                separator: c(() => [
-                  S(l.$slots, "separator", {}, () => [
-                    e[1] || (e[1] = V("div", { style: { padding: "0 8px" } }, "~", -1))
-                  ], !0)
-                ]),
-                _: 3
-              }, 16, ["value", "size", "popupClassName", "showNow", "bordered", "placeholder", "disabled", "style", "popupStyle"])), [
-                [o(he), oe]
-              ])
-            ]),
-            _: 3
-          }, 8, ["visible", "disabled", "content"])
-        ]),
-        _: 3
-      }, 8, ["locale"]),
-      l.error && l.errorLabel ? (v(), T(ue, { key: 0 }, [
-        l.errorMode === "default" ? (v(), T("div", br, [
-          V("span", {
-            style: Y(U.value)
-          }, W(l.errorLabel), 5)
-        ])) : P("", !0),
-        l.errorMode === "overlay" && $.value ? (v(), j(o(me), {
-          key: 1,
-          errorLabel: l.errorLabel,
-          getEl: () => {
-            var d;
-            return (d = i.value) == null ? void 0 : d.$el;
-          },
-          errorModelZIndex: l.errorModelZIndex
-        }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : P("", !0)
-      ], 64)) : P("", !0)
-    ], 6));
+    }), (a, e) => (f(), I(
+      "div",
+      {
+        class: ke(["das-ui-time-range-picker", [l.borderType, t.isView ? "readonly" : "", o(k) ? "is-error" : ""]]),
+        style: X(B.value)
+      },
+      [
+        S(o(Te), { locale: V.value }, {
+          default: p(() => [
+            S(o(xe), {
+              ref_key: "inputTooltipRef",
+              ref: R,
+              placement: "top",
+              trigger: "hover",
+              visible: b.value,
+              disabled: !l.isTooltip,
+              content: Q.value
+            }, {
+              default: p(() => [
+                me((f(), K(o(qe), se({
+                  key: y.value,
+                  ref_key: "$timeRangePicker",
+                  ref: c
+                }, a.$attrs, {
+                  value: o(T),
+                  "onUpdate:value": e[0] || (e[0] = (v) => $e(T) ? T.value = v : null),
+                  size: W.value,
+                  popupClassName: "das-ui-time-range-picker-dropdown " + l.dropdownClassName,
+                  showNow: l.showNow,
+                  bordered: l.borderType === "bordered",
+                  placeholder: A.value,
+                  disabled: t.disabled || t.isView,
+                  style: B.value,
+                  popupStyle: q.value,
+                  onChange: de,
+                  onOpenChange: le
+                }), {
+                  dateRender: p((v) => [
+                    $(a.$slots, "dateRender", ge(we(v)), () => [
+                      E(
+                        "div",
+                        ht,
+                        O(v.current.date()),
+                        1
+                        /* TEXT */
+                      )
+                    ], !0)
+                  ]),
+                  suffixIcon: p(() => [
+                    $(a.$slots, "suffixIcon", {}, () => [
+                      S(o(re), {
+                        class: "das-suffix-icon",
+                        icon: "dengdai",
+                        size: "medium"
+                      })
+                    ], !0)
+                  ]),
+                  separator: p(() => [
+                    $(a.$slots, "separator", {}, () => [
+                      e[1] || (e[1] = E(
+                        "div",
+                        { style: { padding: "0 8px" } },
+                        "~",
+                        -1
+                        /* CACHED */
+                      ))
+                    ], !0)
+                  ]),
+                  _: 3
+                  /* FORWARDED */
+                }, 16, ["value", "size", "popupClassName", "showNow", "bordered", "placeholder", "disabled", "style", "popupStyle"])), [
+                  [o(ye), ne]
+                ])
+              ]),
+              _: 3
+              /* FORWARDED */
+            }, 8, ["visible", "disabled", "content"])
+          ]),
+          _: 3
+          /* FORWARDED */
+        }, 8, ["locale"]),
+        l.error && l.errorLabel ? (f(), I(
+          ue,
+          { key: 0 },
+          [
+            l.errorMode === "default" ? (f(), I("div", yt, [
+              E(
+                "span",
+                {
+                  style: X(Y.value)
+                },
+                O(l.errorLabel),
+                5
+                /* TEXT, STYLE */
+              )
+            ])) : w("v-if", !0),
+            l.errorMode === "overlay" && C.value ? (f(), K(o(he), {
+              key: 1,
+              errorLabel: l.errorLabel,
+              getEl: () => {
+                var v;
+                return (v = c.value) == null ? void 0 : v.$el;
+              },
+              errorModelZIndex: l.errorModelZIndex
+            }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : w("v-if", !0)
+          ],
+          64
+          /* STABLE_FRAGMENT */
+        )) : w("v-if", !0)
+      ],
+      6
+      /* CLASS, STYLE */
+    ));
   }
-}), Tr = /* @__PURE__ */ ke(wr, [["__scopeId", "data-v-e60da691"]]), Ir = {
-  "--das-ui-date-picker-color-defalut-text": "#212121",
-  // 默认字体色
-  "--das-ui-date-picker-color-primary": "#5582F3",
-  // 主题色
-  "--das-ui-date-picker-color-underline": _e("--das-ui-color-help"),
-  // 下划线基础色
-  "--das-ui-date-picker-color-error": "#FB2323",
-  // 错误边框色
-  "--das-ui-date-picker-color-disabled": "#e5e5e5",
-  // 禁用边框色
-  "--das-ui-date-picker-color-disabled-bg": "#f5f5f5",
-  // 禁用背景色
-  "--das-ui-date-picker-color-hover": "#F2F6FF",
-  // rangePicker组件选择悬浮背景色
-  "--das-ui-date-picker-font-size-mini": "12px",
-  // 字体大小-mini
-  "--das-ui-date-picker-font-size-small": "14px",
-  // 字体大小-small
-  "--das-ui-date-picker-font-size-middle": "14px",
-  // 字体大小-middle
-  "--das-ui-date-picker-font-size-large": "16px",
-  // 字体大小-large
-  "--das-ui-date-picker-overlay-error-color": "#FB2323",
-  "--das-ui-date-picker-overlay-error-bg-color": "#FFDBE0"
-}, Sr = {
+}), gt = /* @__PURE__ */ be(kt, [["__scopeId", "data-v-897bf2ce"]]), wt = {
   开始日期: { "zh-CN": "开始日期", en: "Start Date", "zh-MO": "開始日期", _appCode: "framework" },
   结束日期: { "zh-CN": "结束日期", en: "End Date", "zh-MO": "結束日期", _appCode: "framework" },
   开始时间: { "zh-CN": "开始时间", en: "Start Time", "zh-MO": "開始時間", _appCode: "framework" },
@@ -1087,14 +1292,13 @@ const je = { class: "ant-picker-cell-inner" }, Ye = {
   请选择日期: { "zh-CN": "请选择日期", en: "Please select a date", "zh-MO": "請選擇日期", _appCode: "framework" },
   请选择时间: { "zh-CN": "请选择时间", en: "Please select the time", "zh-MO": "請選擇時間", _appCode: "framework" }
 };
-He(Sr);
-Ke(Ir);
-const Kr = pe(Je), Hr = pe(lr), Ur = pe(cr), jr = pe(yr), Yr = pe(Tr), Xr = { name: "datePicker 日期时间选择器" };
+Ue(wt);
+const Ot = ve(Ge), qt = ve(tt), Ut = ve(dt), Ht = ve(mt), jt = ve(gt), Kt = { name: "datePicker 日期时间选择器" };
 export {
-  Kr as DasDatePicker,
-  Hr as DasDateRangePicker,
-  Ur as DasRangePicker,
-  jr as DasTimePicker,
-  Yr as DasTimeRangePicker,
-  Xr as default
+  Ot as DasDatePicker,
+  qt as DasDateRangePicker,
+  Ut as DasRangePicker,
+  Ht as DasTimePicker,
+  jt as DasTimeRangePicker,
+  Kt as default
 };