@das-fed/ui 6.4.0-hot.9.1 → 6.4.0-test.10

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

@@ -1,29 +1,32 @@
 import '@das-fed/ui/packages/components/date-picker/style.css';
-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 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 { withInstall as oe } from "@das-fed/utils/with-install/index";
+import { defineComponent as ae, useCssVars as le, computed as d, ref as f, openBlock as n, createElementBlock as u, normalizeClass as ue, unref as s, normalizeStyle as v, createVNode as I, withCtx as m, withDirectives as te, createBlock as R, mergeProps as _, isRef as be, createSlots as Me, renderSlot as g, normalizeProps as pe, guardReactiveProps as ce, createElementVNode as c, toDisplayString as h, createCommentVNode as k, Fragment as T, Teleport as ne, nextTick as se, useAttrs as Ie, createTextVNode as ke, renderList as ge, withModifiers as ze } from "vue";
+import { ConfigProvider as ve, DatePicker as $e, RangePicker as De, Dropdown as Se, Menu as Ve, MenuItem as Pe, TimePicker as Le, TimeRangePicker as Te } from "ant-design-vue";
+import { DasAutoRegisterIcon as Ce, DasIcon as J } from "@das-fed/ui/packages/components/icon/index";
+import { useModelValue as H } from "@das-fed/utils/vue";
+import { vHoverInside as de } from "@das-fed/utils/directive/hoverInside/index";
+import { useZIndex as fe } from "@das-fed/utils/hooks/popup-manager/use-zindex";
+import { getVarValue as A, getVar as Be, setThemeRule as Ne } from "@das-fed/web/packages/theme/index";
+import { currentLang as G, t as ee, setI18nRule as Ee } from "@das-fed/web/packages/i18n/index";
 import "ant-design-vue/es/date-picker/style/css";
 import "ant-design-vue/es/config-provider/style/css";
-import ue from "ant-design-vue/es/locale/zh_CN";
+import me from "ant-design-vue/es/locale/zh_CN";
+import ye from "ant-design-vue/es/locale/en_GB";
 import "dayjs/locale/zh-cn";
-import { DasDatePicker as be } from "@das-fed/ui/packages/components/date-picker/index";
-import ye from "dayjs";
+import "dayjs/locale/en";
+import { DasDatePicker as we } from "@das-fed/ui/packages/components/date-picker/index";
+import xe from "dayjs";
 import "ant-design-vue/es/dropdown/style/css";
 import "ant-design-vue/es/menu/style/css";
-import { DasIconDengdai as Pe } from "@das-fed/ui/packages/icons/dengdai/index";
+import { DasIconDengdai as Re } from "@das-fed/ui/packages/icons/dengdai/index";
 import "ant-design-vue/es/time-picker/style/css";
-const Se = { class: "ant-picker-cell-inner" }, Be = {
+const Fe = { class: "ant-picker-cell-inner" }, Ze = {
   key: 0,
   class: "das-date-picker-error-label-content"
-}, Te = {
+}, He = {
   name: "DasDatePicker"
-}, Ee = /* @__PURE__ */ _({
-  ...Te,
+}, Ae = /* @__PURE__ */ ae({
+  ...He,
   props: {
     modelValue: {},
     borderType: { default: "underline" },
@@ -37,149 +40,152 @@ const Se = { class: "ant-picker-cell-inner" }, Be = {
     errorLabel: {},
     errorMode: { default: "default" },
     dropdownClassName: { default: "" },
-    placeholder: { default: "请选择日期" },
+    placeholder: { default: "" },
     teleported: { type: Boolean, default: !0 },
     errorModelZIndex: { default: 2e3 },
     noSetDefaultVal: { type: Boolean, default: !1 }
   },
   emits: ["change", "openChange", "update:model-value", "update:error"],
-  setup(L, { expose: B, emit: d }) {
-    ee((e) => ({
-      "3ac62e17": Z.value,
-      "04309af6": W.value
+  setup(S, { expose: B, emit: t }) {
+    le((r) => ({
+      "7aae55ba": O.value,
+      "78a2d56a": W.value
     }));
-    const o = L, u = d;
-    he({
+    const o = S, p = t;
+    Ce({
       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"), 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
-    })), g = v(!1), b = v({
+    const F = d(() => G.value === "zh-CN" ? me : ye), l = f(), C = H(o, "modelValue"), M = H(o, "error"), O = d(() => o.width ? o.width : "230px"), W = d(() => o.height ? o.height : "auto"), D = f(3e3), V = d(() => ({
+      "z-index": D.value
+    })), w = f(!1), y = f({
       x: 0,
       y: 0
-    }), z = v(0), C = n(() => ({
+    }), z = f(0), $ = d(() => ({
       "font-size": "12px",
-      "background-color": H("--das-ui-input-number-overlay-error-bg-color").value,
+      "background-color": A("--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": o.errorModelZIndex
-    })), A = n(() => ({
-      ...C.value,
+    })), q = d(() => ({
+      ...$.value,
       width: z.value + "px",
       position: "fixed",
       visibility: "visible",
-      top: b.value.y + "px",
-      left: b.value.x + "px"
-    })), w = v({
+      top: y.value.y + "px",
+      left: y.value.x + "px"
+    })), x = f({
       display: "block",
-      color: H("--das-ui-input-error-color").value,
-      "white-space": "break-spaces",
-      "word-break": "break-all"
-    }), U = (e) => {
-      e && (V.value = ie().nextZIndex()), u("openChange", e);
+      color: A("--das-ui-input-error-color").value,
+      "white-space": "break-spaces"
+      // 'word-break': 'break-all',
+    }), U = (r) => {
+      r && (D.value = fe().nextZIndex()), p("openChange", r), G.value === "en" && se(() => {
+        const e = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
+        for (let a of e)
+          a && (a.innerText = "OK");
+      });
     }, Y = () => {
-      var y, I, P;
-      const { top: e, left: r } = (y = a.value) == null ? void 0 : y.$el.getBoundingClientRect();
-      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 = () => {
-      Y(), g.value = !0;
-    }, q = () => {
-      g.value = !1;
-    }, R = (e, r) => {
-      e ? O() : q();
-    }, T = n(() => o.isView ? o.noSetDefaultVal ? "" : "-" : o.placeholder), E = n(() => ({
+      var i, b, L, E;
+      const { top: r = 0, left: e = 0 } = ((b = (i = l.value) == null ? void 0 : i.$el) == null ? void 0 : b.getBoundingClientRect()) ?? {};
+      let a = (L = l.value) == null ? void 0 : L.$el.clientHeight;
+      o.borderType !== "none" && (a = a + 2), z.value = (E = l.value) == null ? void 0 : E.$el.clientWidth, y.value.x = e, y.value.y = r + a;
+    }, K = () => {
+      Y(), w.value = !0;
+    }, j = () => {
+      w.value = !1;
+    }, Z = (r, e) => {
+      r ? K() : j();
+    }, P = d(() => o.isView ? o.noSetDefaultVal ? "" : "-" : o.placeholder || ee("请选择日期")), N = d(() => ({
       width: o.width
-    })), j = (e, r) => {
-      M.value = !1, u("update:error", M.value), u("update:model-value", e), u("change", e, r);
+    })), X = (r, e) => {
+      M.value = !1, p("update:error", M.value), p("update:model-value", r), p("change", r, e);
     };
-    return me(() => {
-    }), B({
-      $datePicker: a,
+    return B({
+      $datePicker: l,
       blur: () => {
-        a.value.blur();
+        l.value.blur();
       },
       focus: () => {
-        a.value.focus();
+        l.value.focus();
       }
-    }), (e, r) => (s(), i(
+    }), (r, e) => (n(), u(
       "div",
       {
-        class: te(["das-ui-date-picker", [e.borderType, o.isView ? "readonly" : "", t(M) ? "is-error" : ""]]),
-        style: c(E.value)
+        class: ue(["das-ui-date-picker", [r.borderType, o.isView ? "readonly" : "", s(M) ? "is-error" : ""]]),
+        style: v(N.value)
       },
       [
-        $(t(ne), { locale: t(ue) }, {
-          default: f(() => [
-            re((s(), N(t(xe), J({
+        I(s(ve), { locale: F.value }, {
+          default: m(() => [
+            te((n(), R(s($e), _({
               ref_key: "$datePicker",
-              ref: a
-            }, e.$attrs, {
-              value: t(x),
-              "onUpdate:value": r[0] || (r[0] = (l) => pe(x) ? x.value = l : null),
+              ref: l
+            }, r.$attrs, {
+              value: s(C),
+              "onUpdate:value": e[0] || (e[0] = (a) => be(C) ? C.value = a : null),
               size: o.size,
-              dropdownClassName: "das-ui-date-picker-dropdown " + e.dropdownClassName,
-              placeholder: T.value,
-              showToday: e.showToday,
-              bordered: e.borderType === "bordered",
+              dropdownClassName: "das-ui-date-picker-dropdown " + r.dropdownClassName,
+              placeholder: P.value,
+              showToday: r.showToday,
+              bordered: r.borderType === "bordered",
               disabled: o.disabled || o.isView,
-              style: E.value,
-              popupStyle: D.value,
-              onChange: j,
+              style: N.value,
+              popupStyle: V.value,
+              onChange: X,
               onOpenChange: U
-            }), ke({
-              dateRender: f((l) => [
-                k(e.$slots, "dateRender", se(de(l)), () => [
-                  p(
+            }), Me({
+              dateRender: m((a) => [
+                g(r.$slots, "dateRender", pe(ce(a)), () => [
+                  c(
                     "div",
-                    Se,
-                    h(l.current.date()),
+                    Fe,
+                    h(a.current.date()),
                     1
                     /* TEXT */
                   )
                 ], !0)
               ]),
-              nextIcon: f(() => [
-                k(e.$slots, "nextIcon", {}, () => [
-                  $(t(X), {
+              nextIcon: m(() => [
+                g(r.$slots, "nextIcon", {}, () => [
+                  I(s(J), {
                     icon: "right",
                     size: "medium"
                   })
                 ], !0)
               ]),
-              prevIcon: f(() => [
-                k(e.$slots, "prevIcon", {}, () => [
-                  $(t(X), {
+              prevIcon: m(() => [
+                g(r.$slots, "prevIcon", {}, () => [
+                  I(s(J), {
                     icon: "left",
                     size: "medium"
                   })
                 ], !0)
               ]),
-              superNextIcon: f(() => [
-                k(e.$slots, "superNextIcon", {}, () => [
-                  $(t(X), {
+              superNextIcon: m(() => [
+                g(r.$slots, "superNextIcon", {}, () => [
+                  I(s(J), {
                     icon: "double-arrow-right",
                     size: "medium"
                   })
                 ], !0)
               ]),
-              superPrevIcon: f(() => [
-                k(e.$slots, "superPrevIcon", {}, () => [
-                  $(t(X), {
+              superPrevIcon: m(() => [
+                g(r.$slots, "superPrevIcon", {}, () => [
+                  I(s(J), {
                     icon: "double-arrow-left",
                     size: "medium"
                   })
                 ], !0)
               ]),
-              suffixIcon: f(() => [
-                k(e.$slots, "suffixIcon", {}, () => [
-                  $(t(X), {
+              suffixIcon: m(() => [
+                g(r.$slots, "suffixIcon", {}, () => [
+                  I(s(J), {
                     class: "das-suffix-icon",
                     icon: "riqixuanze",
                     size: "medium"
@@ -189,60 +195,60 @@ const Se = { class: "ant-picker-cell-inner" }, Be = {
               _: 2
               /* DYNAMIC */
             }, [
-              e.$slots.renderExtraFooter ? {
+              r.$slots.renderExtraFooter ? {
                 name: "renderExtraFooter",
-                fn: f(() => [
-                  k(e.$slots, "renderExtraFooter", {}, void 0, !0)
+                fn: m(() => [
+                  g(r.$slots, "renderExtraFooter", {}, void 0, !0)
                 ]),
                 key: "0"
               } : void 0
             ]), 1040, ["value", "size", "dropdownClassName", "placeholder", "showToday", "bordered", "disabled", "style", "popupStyle"])), [
-              [t(ae), R]
+              [s(de), Z]
             ])
           ]),
           _: 3
           /* FORWARDED */
         }, 8, ["locale"]),
-        m(` <div\r
+        k(` <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,
+        r.error && r.errorLabel ? (n(), u(
+          T,
           { key: 0 },
           [
-            e.errorMode === "default" ? (s(), i("div", Be, [
-              p(
+            r.errorMode === "default" ? (n(), u("div", Ze, [
+              c(
                 "span",
                 {
-                  style: c(w.value)
+                  style: v(x.value)
                 },
-                h(e.errorLabel),
+                h(r.errorLabel),
                 5
                 /* TEXT, STYLE */
               )
-            ])) : e.errorMode === "overlay" && g.value ? (s(), i(
-              S,
+            ])) : r.errorMode === "overlay" && w.value ? (n(), u(
+              T,
               { key: 1 },
               [
-                e.teleported ? (s(), N(oe, {
+                r.teleported ? (n(), R(ne, {
                   key: 0,
                   to: "body"
                 }, [
-                  p(
+                  c(
                     "div",
                     {
-                      style: c(A.value)
+                      style: v(q.value)
                     },
                     [
-                      p(
+                      c(
                         "span",
                         {
-                          style: c(w.value)
+                          style: v(x.value)
                         },
-                        h(e.errorLabel),
+                        h(r.errorLabel),
                         5
                         /* TEXT, STYLE */
                       )
@@ -250,20 +256,20 @@ const Se = { class: "ant-picker-cell-inner" }, Be = {
                     4
                     /* STYLE */
                   )
-                ])) : (s(), i(
+                ])) : (n(), u(
                   "div",
                   {
                     key: 1,
-                    style: c(C.value),
+                    style: v($.value),
                     class: "das-picker-error-label label"
                   },
                   [
-                    p(
+                    c(
                       "span",
                       {
-                        style: c(w.value)
+                        style: v(x.value)
                       },
-                      h(e.errorLabel),
+                      h(r.errorLabel),
                       5
                       /* TEXT, STYLE */
                     )
@@ -274,28 +280,28 @@ const Se = { class: "ant-picker-cell-inner" }, Be = {
               ],
               64
               /* STABLE_FRAGMENT */
-            )) : m("v-if", !0)
+            )) : k("v-if", !0)
           ],
           64
           /* STABLE_FRAGMENT */
-        )) : m("v-if", !0)
+        )) : k("v-if", !0)
       ],
       6
       /* CLASS, STYLE */
     ));
   }
-}), 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 = {
+}), ie = (S, B) => {
+  const t = S.__vccOpts || S;
+  for (const [o, p] of B)
+    t[o] = p;
+  return t;
+}, Oe = /* @__PURE__ */ ie(Ae, [["__scopeId", "data-v-95eceda5"]]), We = { class: "date-range-separator" }, qe = {
   key: 0,
   class: "das-date-picker-error-label-content"
-}, He = {
+}, Ue = {
   name: "DasDateRangePicker"
-}, Ze = /* @__PURE__ */ _({
-  ...He,
+}, Ye = /* @__PURE__ */ ae({
+  ...Ue,
   props: {
     modelValue: {},
     borderType: { default: "bordered" },
@@ -308,7 +314,7 @@ const Se = { class: "ant-picker-cell-inner" }, Be = {
     showToday: { type: Boolean, default: !1 },
     separator: { default: "~" },
     disabledDate: {},
-    placeholder: { default: ["开始日期", "结束日期"] },
+    placeholder: { default: void 0 },
     error: { type: Boolean },
     errorLabel: {},
     errorMode: { default: "default" },
@@ -319,134 +325,143 @@ const Se = { class: "ant-picker-cell-inner" }, Be = {
     nextAttrs: {},
     disabledUnit: {}
   },
-  emits: ["change", "update:model-value", "update:error"],
-  setup(L, { emit: B }) {
-    ee((e) => ({
-      a214e9be: Z.value,
-      da45e6e8: M.value
+  emits: ["change", "openChange", "update:model-value", "update:error"],
+  setup(S, { emit: B }) {
+    le((e) => ({
+      "44e74b46": O.value,
+      "62d165d0": M.value
     }));
-    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({
+    const t = S, o = B, p = Ie(), F = d(() => t.placeholder ?? [ee("开始日期"), ee("结束日期")]), l = H(t, "modelValue"), C = H(t, "error"), M = d(() => t.width ? t.width : "230px"), O = d(() => t.height ? t.height : "auto"), W = d(() => ({ ...p, ...t.prevAttrs })), D = d(() => ({ ...p, ...t.nextAttrs })), V = f(), w = f(!1), y = f({
       x: 0,
       y: 0
-    }), z = v(0), C = n(() => ({
+    }), z = f(0), $ = d(() => ({
       "font-size": "12px",
-      "background-color": H("--das-ui-input-number-overlay-error-bg-color").value,
+      "background-color": A("--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": d.errorModelZIndex
-    })), A = n(() => ({
-      ...C.value,
+      "z-index": t.errorModelZIndex
+    })), q = d(() => ({
+      ...$.value,
       width: z.value + "px",
       position: "fixed",
       visibility: "visible",
-      top: b.value.y + "px",
-      left: b.value.x + "px"
-    })), w = v({
+      top: y.value.y + "px",
+      left: y.value.x + "px"
+    })), x = f({
       display: "block",
-      color: H("--das-ui-input-error-color").value,
-      "white-space": "break-spaces",
-      "word-break": "break-all"
+      color: A("--das-ui-input-error-color").value,
+      "white-space": "break-spaces"
+      // 'word-break': 'break-all',
     }), U = () => {
-      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;
+      var b;
+      const { top: e = 0, left: a = 0 } = ((b = V.value) == null ? void 0 : b.getBoundingClientRect()) ?? {};
+      let i = V.value.clientHeight;
+      z.value = V.value.clientWidth, y.value.x = a, y.value.y = e + i;
     }, Y = () => {
-      U(), g.value = !0;
-    }, O = () => {
-      g.value = !1;
-    }, q = (e, r) => {
-      e ? Y() : O();
-    }, R = n(() => {
-      let e = d.valueFormat ? d.valueFormat : d.format;
+      U(), w.value = !0;
+    }, K = () => {
+      w.value = !1;
+    }, j = (e, a) => {
+      e ? Y() : K();
+    }, Z = (e, a) => {
+      o("openChange", e, a), G.value === "en" && se(() => {
+        const i = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
+        for (let b of i)
+          b && (b.innerText = "OK");
+      });
+    }, P = d(() => {
+      let e = t.valueFormat ? t.valueFormat : t.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] : ""
+        l.value[0] ? xe.isDayjs(l.value[0]) ? l.value[0].format(e) : l.value[0] : "",
+        l.value[1] ? xe.isDayjs(l.value[1]) ? l.value[1].format(e) : l.value[1] : ""
       ];
-    }), 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);
-    }, K = (e, r) => {
-      x.value = !1, o("update:model-value", a.value), o("change", a.value, R.value);
+    }), N = (e) => t.disabledDate && t.disabledDate(e) === !0 ? !0 : !!(l.value[1] && e.isAfter(l.value[1], t.disabledUnit || void 0)), X = (e) => t.disabledDate && t.disabledDate(e) === !0 ? !0 : !!(l.value[0] && e.isBefore(l.value[0], t.disabledUnit || void 0)), Q = d(() => ({
+      width: t.width
+    })), re = (e, a) => {
+      C.value = !1, o("update:model-value", l.value), o("change", l.value, P.value);
+    }, r = (e, a) => {
+      C.value = !1, o("update:model-value", l.value), o("change", l.value, P.value);
     };
-    return (e, r) => re((s(), i(
+    return (e, a) => te((n(), u(
       "div",
       {
         class: "das-ui-date-range-picker",
-        style: c(j.value),
+        style: v(Q.value),
         ref_key: "$dateRange",
-        ref: D
+        ref: V
       },
       [
-        $(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
+        I(s(we), _(W.value, {
+          modelValue: s(l)[0],
+          "onUpdate:modelValue": a[0] || (a[0] = (i) => s(l)[0] = i),
+          format: t.format,
+          size: t.size,
+          valueFormat: t.valueFormat,
+          borderType: t.borderType,
+          error: s(C),
+          width: t.itemWidth,
+          "disabled-date": N,
+          placeholder: F.value[0],
+          onChange: re,
+          onOpenChange: a[1] || (a[1] = (i) => Z(i, "before"))
         }), null, 16, ["modelValue", "format", "size", "valueFormat", "borderType", "error", "width", "placeholder"]),
-        k(e.$slots, "separator", {}, () => [
-          p(
+        g(e.$slots, "separator", {}, () => [
+          c(
             "span",
-            Re,
-            h(d.separator),
+            We,
+            h(t.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
+        I(s(we), _(D.value, {
+          modelValue: s(l)[1],
+          "onUpdate:modelValue": a[2] || (a[2] = (i) => s(l)[1] = i),
+          format: t.format,
+          size: t.size,
+          valueFormat: t.valueFormat,
+          borderType: t.borderType,
+          error: s(C),
+          width: t.itemWidth,
+          "disabled-date": X,
+          placeholder: F.value[1],
+          onChange: r,
+          onOpenChange: a[3] || (a[3] = (i) => Z(i, "after"))
         }), null, 16, ["modelValue", "format", "size", "valueFormat", "borderType", "error", "width", "placeholder"]),
-        e.error && e.errorLabel ? (s(), i(
-          S,
+        e.error && e.errorLabel ? (n(), u(
+          T,
           { key: 0 },
           [
-            e.errorMode === "default" ? (s(), i("div", Fe, [
-              p(
+            e.errorMode === "default" ? (n(), u("div", qe, [
+              c(
                 "span",
                 {
-                  style: c(w.value)
+                  style: v(x.value)
                 },
                 h(e.errorLabel),
                 5
                 /* TEXT, STYLE */
               )
-            ])) : e.errorMode === "overlay" && g.value ? (s(), i(
-              S,
+            ])) : e.errorMode === "overlay" && w.value ? (n(), u(
+              T,
               { key: 1 },
               [
-                e.teleported ? (s(), N(oe, {
+                e.teleported ? (n(), R(ne, {
                   key: 0,
                   to: "body"
                 }, [
-                  p(
+                  c(
                     "div",
                     {
-                      style: c(A.value)
+                      style: v(q.value)
                     },
                     [
-                      p(
+                      c(
                         "span",
                         {
-                          style: c(w.value)
+                          style: v(x.value)
                         },
                         h(e.errorLabel),
                         5
@@ -456,18 +471,18 @@ const Se = { class: "ant-picker-cell-inner" }, Be = {
                     4
                     /* STYLE */
                   )
-                ])) : (s(), i(
+                ])) : (n(), u(
                   "div",
                   {
                     key: 1,
-                    style: c(C.value),
+                    style: v($.value),
                     class: "das-picker-error-label label"
                   },
                   [
-                    p(
+                    c(
                       "span",
                       {
-                        style: c(w.value)
+                        style: v(x.value)
                       },
                       h(e.errorLabel),
                       5
@@ -480,28 +495,28 @@ const Se = { class: "ant-picker-cell-inner" }, Be = {
               ],
               64
               /* STABLE_FRAGMENT */
-            )) : m("v-if", !0)
+            )) : k("v-if", !0)
           ],
           64
           /* STABLE_FRAGMENT */
-        )) : m("v-if", !0)
+        )) : k("v-if", !0)
       ],
       4
       /* STYLE */
     )), [
-      [t(ae), q]
+      [s(de), j]
     ]);
   }
-}), We = /* @__PURE__ */ le(Ze, [["__scopeId", "data-v-15efaceb"]]), Ae = { class: "ant-picker-cell-inner" }, Ue = { class: "das-picker-footer-extra" }, Ye = {
+}), Ke = /* @__PURE__ */ ie(Ye, [["__scopeId", "data-v-41bcc01f"]]), je = { class: "ant-picker-cell-inner" }, Xe = { class: "das-picker-footer-extra" }, Ge = {
   key: 0,
   class: "das-picker-ranges"
-}, Oe = { class: "das-picker-preset-span" }, qe = ["onClick"], je = {
+}, Je = { class: "das-picker-preset-span" }, Qe = ["onClick"], _e = {
   key: 0,
   class: "das-date-picker-error-label-content"
-}, Xe = {
+}, er = {
   name: "DasRangePicker"
-}, Ge = /* @__PURE__ */ _({
-  ...Xe,
+}, rr = /* @__PURE__ */ ae({
+  ...er,
   props: {
     modelValue: {},
     borderType: { default: "underline" },
@@ -524,143 +539,150 @@ const Se = { class: "ant-picker-cell-inner" }, Be = {
     noSetDefaultVal: { type: Boolean }
   },
   emits: ["change", "openChange", "update:model-value", "update:error"],
-  setup(L, { expose: B, emit: d }) {
-    ee((r) => ({
-      "5db2225d": Z.value,
-      "3ec32f70": W.value
+  setup(S, { expose: B, emit: t }) {
+    le((e) => ({
+      "7da4ea59": O.value,
+      "1d2966f4": W.value
     }));
-    const o = L, u = d;
-    he({
+    const o = S, p = t;
+    Ce({
       fold: import("@das-fed/ui/packages/icons/fold"),
       riqixuanze: import("@das-fed/ui/packages/icons/riqixuanze")
     });
-    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
-    })), g = v(!1), b = v({
+    const F = d(() => G.value === "zh-CN" ? me : ye), l = f(), C = H(o, "modelValue"), M = H(o, "error"), O = d(() => o.width ? o.width : "230px"), W = d(() => o.height ? o.height : "auto"), D = f(3e3), V = d(() => ({
+      "z-index": D.value
+    })), w = f(!1), y = f({
       x: 0,
       y: 0
-    }), z = v(0), C = n(() => ({
+    }), z = f(0), $ = d(() => ({
       "font-size": "12px",
-      "background-color": H("--das-ui-input-number-overlay-error-bg-color").value,
+      "background-color": A("--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": o.errorModelZIndex
-    })), A = n(() => ({
-      ...C.value,
+    })), q = d(() => ({
+      ...$.value,
       width: z.value + "px",
       position: "fixed",
       visibility: "visible",
-      top: b.value.y + "px",
-      left: b.value.x + "px"
-    })), w = v({
+      top: y.value.y + "px",
+      left: y.value.x + "px"
+    })), x = f({
       display: "block",
-      color: H("--das-ui-input-error-color").value,
-      "white-space": "break-spaces",
-      "word-break": "break-all"
-    }), U = (r) => {
-      r && (V.value = ie().nextZIndex()), u("openChange", r);
+      color: A("--das-ui-input-error-color").value,
+      "white-space": "break-spaces"
+      // 'word-break': 'break-all',
+    }), U = (e) => {
+      e && (D.value = fe().nextZIndex()), p("openChange", e), G.value === "en" && se(() => {
+        const a = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
+        for (let i of a)
+          i && (i.innerText = "OK");
+      });
     }, Y = () => {
-      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 = () => {
-      Y(), g.value = !0;
-    }, q = () => {
-      g.value = !1;
-    }, R = (r, l) => {
-      r ? O() : q();
-    }, T = n(() => o.isView ? o.noSetDefaultVal ? ["", ""] : ["-", "-"] : o.placeholder), E = n(() => ({
+      var b, L, E, he;
+      const { top: e = 0, left: a = 0 } = ((L = (b = l.value) == null ? void 0 : b.$el) == null ? void 0 : L.getBoundingClientRect()) ?? {};
+      let i = (E = l.value) == null ? void 0 : E.$el.clientHeight;
+      o.borderType !== "none" && (i = i + 2), z.value = (he = l.value) == null ? void 0 : he.$el.clientWidth, y.value.x = a, y.value.y = e + i;
+    }, K = () => {
+      Y(), w.value = !0;
+    }, j = () => {
+      w.value = !1;
+    }, Z = (e, a) => {
+      e ? K() : j();
+    }, P = d(() => {
+      var e;
+      return o.isView ? o.noSetDefaultVal ? ["", ""] : ["-", "-"] : (e = o.placeholder) == null ? void 0 : e.map((a) => ee(a));
+    }), N = d(() => ({
       width: o.width
-    })), j = (r, l) => {
-      if (M.value = !1, r === null) {
-        u("update:model-value", [null, null]), u("change", [null, null], l);
+    })), X = (e, a) => {
+      if (M.value = !1, e === null) {
+        p("update:model-value", [null, null]), p("change", [null, null], a);
         return;
       }
-      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();
+      p("update:error", M.value), p("update:model-value", e), p("change", e, a);
+    }, Q = (e) => {
+      p("update:model-value", e.value), p("change", e.value, [e.value[0].format(o.format), e.value[1].format(o.format)]), l.value.blur();
     };
     return B({
-      $rangePicker: a,
+      $rangePicker: l,
       blur: () => {
-        a.value.blur();
+        l.value.blur();
       },
       focus: () => {
-        a.value.focus();
+        l.value.focus();
       }
-    }), (r, l) => (s(), i(
+    }), (e, a) => (n(), u(
       "div",
       {
-        class: te(["das-ui-range-picker", [r.borderType, o.isView ? "readonly" : "", t(M) ? "is-error" : ""]]),
-        style: c(E.value)
+        class: ue(["das-ui-range-picker", [e.borderType, o.isView ? "readonly" : "", s(M) ? "is-error" : ""]]),
+        style: v(N.value)
       },
       [
-        $(t(ne), { locale: t(ue) }, {
-          default: f(() => [
-            re((s(), N(t(Me), J({
+        I(s(ve), { locale: F.value }, {
+          default: m(() => [
+            te((n(), R(s(De), _({
               ref_key: "$rangePicker",
-              ref: a
-            }, r.$attrs, {
-              value: t(x),
-              format: r.format,
+              ref: l
+            }, e.$attrs, {
+              value: s(C),
+              format: e.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",
+              dropdownClassName: "das-ui-range-picker-dropdown " + e.dropdownClassName,
+              placeholder: P.value,
+              showToday: e.showToday,
+              showTime: e.showTime,
+              bordered: e.borderType === "bordered",
               disabled: o.disabled || o.isView,
-              style: E.value,
-              popupStyle: D.value,
-              onChange: j,
+              style: N.value,
+              popupStyle: V.value,
+              onChange: X,
               onOpenChange: U
             }), {
-              dateRender: f((y) => [
-                k(r.$slots, "dateRender", se(de(y)), () => [
-                  p(
+              dateRender: m((i) => [
+                g(e.$slots, "dateRender", pe(ce(i)), () => [
+                  c(
                     "div",
-                    Ae,
-                    h(y.current.date()),
+                    je,
+                    h(i.current.date()),
                     1
                     /* TEXT */
                   )
                 ], !0)
               ]),
-              nextIcon: f(() => [
-                m(' <slot name="nextIcon"> '),
-                l[1] || (l[1] = ve(" XX ")),
-                m(" </slot> ")
+              nextIcon: m(() => [
+                k(' <slot name="nextIcon"> '),
+                a[1] || (a[1] = ke(" XX ")),
+                k(" </slot> ")
               ]),
-              prevIcon: f(() => [
-                k(r.$slots, "prevIcon", {}, () => [
-                  m(' <das-icon icon="left"></das-icon> ')
+              prevIcon: m(() => [
+                g(e.$slots, "prevIcon", {}, () => [
+                  k(' <das-icon icon="left"></das-icon> ')
                 ], !0)
               ]),
-              superNextIcon: f(() => [
-                k(r.$slots, "superNextIcon", {}, () => [
-                  m(' <das-icon icon="double-arrow-right"></das-icon> ')
+              superNextIcon: m(() => [
+                g(e.$slots, "superNextIcon", {}, () => [
+                  k(' <das-icon icon="double-arrow-right"></das-icon> ')
                 ], !0)
               ]),
-              superPrevIcon: f(() => [
-                k(r.$slots, "superPrevIcon", {}, () => [
-                  m(' <das-icon icon="double-arrow-left"></das-icon> ')
+              superPrevIcon: m(() => [
+                g(e.$slots, "superPrevIcon", {}, () => [
+                  k(' <das-icon icon="double-arrow-left"></das-icon> ')
                 ], !0)
               ]),
-              suffixIcon: f(() => [
-                k(r.$slots, "suffixIcon", {}, () => [
-                  $(t(X), {
+              suffixIcon: m(() => [
+                g(e.$slots, "suffixIcon", {}, () => [
+                  I(s(J), {
                     class: "das-suffix-icon",
                     icon: "riqixuanze",
                     size: "medium"
                   })
                 ], !0)
               ]),
-              separator: f(() => [
-                k(r.$slots, "separator", {}, () => [
-                  l[2] || (l[2] = p(
+              separator: m(() => [
+                g(e.$slots, "separator", {}, () => [
+                  a[2] || (a[2] = c(
                     "div",
                     { style: { padding: "0 8px" } },
                     "~",
@@ -669,19 +691,19 @@ const Se = { class: "ant-picker-cell-inner" }, Be = {
                   ))
                 ], !0)
               ]),
-              renderExtraFooter: f(() => [
-                p("div", Ue, [
-                  k(r.$slots, "renderExtraFooter", {}, void 0, !0)
+              renderExtraFooter: m(() => [
+                c("div", Xe, [
+                  g(e.$slots, "renderExtraFooter", {}, void 0, !0)
                 ]),
-                r.showTime || r.ranges && r.ranges.length ? (s(), i("div", Ye, [
-                  (s(!0), i(
-                    S,
+                e.showTime || e.ranges && e.ranges.length ? (n(), u("div", Ge, [
+                  (n(!0), u(
+                    T,
                     null,
-                    fe(r.ranges, (y) => (s(), i("div", {
+                    ge(e.ranges, (i) => (n(), u("div", {
                       class: "das-picker-preset",
-                      key: y.key
+                      key: i.key
                     }, [
-                      m(` <el-dropdown v-if="item.type==='dropdown' && item.children.length" trigger="click" :teleported="false" placement='bottom-end'>\r
+                      k(` <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
@@ -698,31 +720,31 @@ const Se = { class: "ant-picker-cell-inner" }, Be = {
                     </el-dropdown-menu>\r
                   </template>\r
                 </el-dropdown> `),
-                      y.type === "dropdown" && y.children.length ? (s(), N(
-                        t(Ie),
+                      i.type === "dropdown" && i.children.length ? (n(), R(
+                        s(Se),
                         {
                           key: 0,
                           trigger: ["click"]
                         },
                         {
-                          overlay: f(() => [
-                            $(
-                              t($e),
+                          overlay: m(() => [
+                            I(
+                              s(Ve),
                               null,
                               {
-                                default: f(() => [
-                                  (s(!0), i(
-                                    S,
+                                default: m(() => [
+                                  (n(!0), u(
+                                    T,
                                     null,
-                                    fe(y.children, (I) => (s(), N(t(ze), {
-                                      key: I.key,
-                                      onClick: (P) => G(I)
+                                    ge(i.children, (b) => (n(), R(s(Pe), {
+                                      key: b.key,
+                                      onClick: (L) => Q(b)
                                     }, {
-                                      default: f(() => [
-                                        (s(), i(
+                                      default: m(() => [
+                                        (n(), u(
                                           "span",
-                                          { key: I },
-                                          h(I.key),
+                                          { key: b },
+                                          h(b.key),
                                           1
                                           /* TEXT */
                                         ))
@@ -741,19 +763,19 @@ const Se = { class: "ant-picker-cell-inner" }, Be = {
                               /* DYNAMIC_SLOTS */
                             )
                           ]),
-                          default: f(() => [
-                            p("a", {
+                          default: m(() => [
+                            c("a", {
                               class: "ant-dropdown-link",
-                              onClick: l[0] || (l[0] = we(() => {
+                              onClick: a[0] || (a[0] = ze(() => {
                               }, ["prevent"]))
                             }, [
-                              p("span", Oe, [
-                                ve(
-                                  h(y.key) + " ",
+                              c("span", Je, [
+                                ke(
+                                  h(i.key) + " ",
                                   1
                                   /* TEXT */
                                 ),
-                                $(t(X), {
+                                I(s(J), {
                                   icon: "fold",
                                   size: "mini",
                                   style: { display: "inline-block" }
@@ -766,69 +788,69 @@ const Se = { class: "ant-picker-cell-inner" }, Be = {
                         },
                         1024
                         /* DYNAMIC_SLOTS */
-                      )) : (s(), i("span", {
+                      )) : (n(), u("span", {
                         key: 1,
                         class: "das-picker-preset-span",
-                        onClick: (I) => G(y)
-                      }, h(y.key), 9, qe))
+                        onClick: (b) => Q(i)
+                      }, h(i.key), 9, Qe))
                     ]))),
                     128
                     /* KEYED_FRAGMENT */
                   )),
-                  m(` <div class="das-picker-ok">\r
+                  k(` <div class="das-picker-ok">\r
                 <das-button btnType="primary" size="middle">Ok</das-button>\r
               </div> `)
-                ])) : m("v-if", !0)
+                ])) : k("v-if", !0)
               ]),
               _: 3
               /* FORWARDED */
             }, 16, ["value", "format", "size", "dropdownClassName", "placeholder", "showToday", "showTime", "bordered", "disabled", "style", "popupStyle"])), [
-              [t(ae), R]
+              [s(de), Z]
             ])
           ]),
           _: 3
           /* FORWARDED */
         }, 8, ["locale"]),
-        m(` <div\r
+        k(` <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,
+        e.error && e.errorLabel ? (n(), u(
+          T,
           { key: 0 },
           [
-            r.errorMode === "default" ? (s(), i("div", je, [
-              p(
+            e.errorMode === "default" ? (n(), u("div", _e, [
+              c(
                 "span",
                 {
-                  style: c(w.value)
+                  style: v(x.value)
                 },
-                h(r.errorLabel),
+                h(e.errorLabel),
                 5
                 /* TEXT, STYLE */
               )
-            ])) : r.errorMode === "overlay" && g.value ? (s(), i(
-              S,
+            ])) : e.errorMode === "overlay" && w.value ? (n(), u(
+              T,
               { key: 1 },
               [
-                r.teleported ? (s(), N(oe, {
+                e.teleported ? (n(), R(ne, {
                   key: 0,
                   to: "body"
                 }, [
-                  p(
+                  c(
                     "div",
                     {
-                      style: c(A.value)
+                      style: v(q.value)
                     },
                     [
-                      p(
+                      c(
                         "span",
                         {
-                          style: c(w.value)
+                          style: v(x.value)
                         },
-                        h(r.errorLabel),
+                        h(e.errorLabel),
                         5
                         /* TEXT, STYLE */
                       )
@@ -836,20 +858,20 @@ const Se = { class: "ant-picker-cell-inner" }, Be = {
                     4
                     /* STYLE */
                   )
-                ])) : (s(), i(
+                ])) : (n(), u(
                   "div",
                   {
                     key: 1,
-                    style: c(C.value),
+                    style: v($.value),
                     class: "das-picker-error-label label"
                   },
                   [
-                    p(
+                    c(
                       "span",
                       {
-                        style: c(w.value)
+                        style: v(x.value)
                       },
-                      h(r.errorLabel),
+                      h(e.errorLabel),
                       5
                       /* TEXT, STYLE */
                     )
@@ -860,23 +882,23 @@ const Se = { class: "ant-picker-cell-inner" }, Be = {
               ],
               64
               /* STABLE_FRAGMENT */
-            )) : m("v-if", !0)
+            )) : k("v-if", !0)
           ],
           64
           /* STABLE_FRAGMENT */
-        )) : m("v-if", !0)
+        )) : k("v-if", !0)
       ],
       6
       /* CLASS, STYLE */
     ));
   }
-}), Je = /* @__PURE__ */ le(Ge, [["__scopeId", "data-v-2d9a6c8d"]]), Ke = { class: "ant-picker-cell-inner" }, Qe = {
+}), or = /* @__PURE__ */ ie(rr, [["__scopeId", "data-v-d46480f7"]]), ar = { class: "ant-picker-cell-inner" }, lr = {
   key: 0,
   class: "das-date-picker-error-label-content"
-}, _e = {
+}, tr = {
   name: "DasDatePicker"
-}, er = /* @__PURE__ */ _({
-  ..._e,
+}, nr = /* @__PURE__ */ ae({
+  ...tr,
   props: {
     modelValue: {},
     borderType: { default: "underline" },
@@ -896,102 +918,106 @@ const Se = { class: "ant-picker-cell-inner" }, Be = {
     noSetDefaultVal: { type: Boolean }
   },
   emits: ["change", "openChange", "update:model-value", "update:error"],
-  setup(L, { expose: B, emit: d }) {
-    ee((e) => ({
-      "1a7d9bc2": Z.value,
-      "4b9617ee": W.value
+  setup(S, { expose: B, emit: t }) {
+    le((r) => ({
+      "60acd3c6": O.value,
+      "0bba33b0": W.value
     }));
-    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
-    })), g = v(!1), b = v({
+    const o = S, p = t, F = d(() => G.value === "zh-CN" ? me : ye), l = f(), C = H(o, "modelValue"), M = H(o, "error"), O = d(() => o.width ? o.width : "230px"), W = d(() => o.height ? o.height : "auto"), D = f(3e3), V = d(() => ({
+      "z-index": D.value
+    })), w = f(!1), y = f({
       x: 0,
       y: 0
-    }), z = v(0), C = n(() => ({
+    }), z = f(0), $ = d(() => ({
       "font-size": "12px",
-      "background-color": H("--das-ui-input-number-overlay-error-bg-color").value,
+      "background-color": A("--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": o.errorModelZIndex
-    })), A = n(() => ({
-      ...C.value,
+    })), q = d(() => ({
+      ...$.value,
       width: z.value + "px",
       position: "fixed",
       visibility: "visible",
-      top: b.value.y + "px",
-      left: b.value.x + "px"
-    })), w = v({
+      top: y.value.y + "px",
+      left: y.value.x + "px"
+    })), x = f({
       display: "block",
-      color: H("--das-ui-input-error-color").value,
-      "white-space": "break-spaces",
-      "word-break": "break-all"
-    }), U = (e) => {
-      e && (V.value = ie().nextZIndex()), u("openChange", e);
+      color: A("--das-ui-input-error-color").value,
+      "white-space": "break-spaces"
+      // 'word-break': 'break-all',
+    }), U = (r) => {
+      r && (D.value = fe().nextZIndex()), p("openChange", r), G.value === "en" && se(() => {
+        const e = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
+        for (let a of e)
+          a && (a.innerText = "OK");
+      });
     }, Y = () => {
-      var y, I, P;
-      const { top: e, left: r } = (y = a.value) == null ? void 0 : y.$el.getBoundingClientRect();
-      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 = () => {
-      Y(), g.value = !0;
-    }, q = () => {
-      g.value = !1;
-    }, R = (e, r) => {
-      e ? O() : q();
-    }, T = n(() => ({
+      var i, b, L, E;
+      const { top: r = 0, left: e = 0 } = ((b = (i = l.value) == null ? void 0 : i.$el) == null ? void 0 : b.getBoundingClientRect()) ?? {};
+      let a = (L = l.value) == null ? void 0 : L.$el.clientHeight;
+      o.borderType !== "none" && (a = a + 2), z.value = (E = l.value) == null ? void 0 : E.$el.clientWidth, y.value.x = e, y.value.y = r + a;
+    }, K = () => {
+      Y(), w.value = !0;
+    }, j = () => {
+      w.value = !1;
+    }, Z = (r, e) => {
+      r ? K() : j();
+    }, P = d(() => ({
       width: o.width
-    })), 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);
+    })), N = d(() => o.isView ? o.noSetDefaultVal ? "" : "-" : ee(o.placeholder)), X = (r, e) => {
+      M.value = !1, p("update:error", M.value), p("update:model-value", r), p("change", r, e);
     };
     return B({
-      $timePicker: a,
+      $timePicker: l,
       blur: () => {
-        a.value.blur();
+        l.value.blur();
       },
       focus: () => {
-        a.value.focus();
+        l.value.focus();
       }
-    }), (e, r) => (s(), i(
+    }), (r, e) => (n(), u(
       "div",
       {
-        class: te(["das-ui-time-picker", [e.borderType, o.isView ? "readonly" : "", t(M) ? "is-error" : ""]]),
-        style: c(T.value)
+        class: ue(["das-ui-time-picker", [r.borderType, o.isView ? "readonly" : "", s(M) ? "is-error" : ""]]),
+        style: v(P.value)
       },
       [
-        $(t(ne), { locale: t(ue) }, {
-          default: f(() => [
-            re((s(), N(t(Ce), J({
+        I(s(ve), { locale: F.value }, {
+          default: m(() => [
+            te((n(), R(s(Le), _({
               ref_key: "$timePicker",
-              ref: a
-            }, e.$attrs, {
-              value: t(x),
-              "onUpdate:value": r[0] || (r[0] = (l) => pe(x) ? x.value = l : null),
+              ref: l
+            }, r.$attrs, {
+              value: s(C),
+              "onUpdate:value": e[0] || (e[0] = (a) => be(C) ? C.value = a : null),
               size: o.size,
-              popupClassName: "das-ui-time-picker-dropdown " + e.dropdownClassName,
-              showNow: e.showNow,
-              bordered: e.borderType === "bordered",
-              placeholder: E.value,
+              popupClassName: "das-ui-time-picker-dropdown " + r.dropdownClassName,
+              showNow: r.showNow,
+              bordered: r.borderType === "bordered",
+              placeholder: N.value,
               disabled: o.disabled || o.isView,
-              style: T.value,
-              popupStyle: D.value,
-              onChange: j,
+              style: P.value,
+              popupStyle: V.value,
+              onChange: X,
               onOpenChange: U
             }), {
-              dateRender: f((l) => [
-                k(e.$slots, "dateRender", se(de(l)), () => [
-                  p(
+              dateRender: m((a) => [
+                g(r.$slots, "dateRender", pe(ce(a)), () => [
+                  c(
                     "div",
-                    Ke,
-                    h(l.current.date()),
+                    ar,
+                    h(a.current.date()),
                     1
                     /* TEXT */
                   )
                 ], !0)
               ]),
-              suffixIcon: f(() => [
-                k(e.$slots, "suffixIcon", {}, () => [
-                  $(t(Pe), {
+              suffixIcon: m(() => [
+                g(r.$slots, "suffixIcon", {}, () => [
+                  I(s(Re), {
                     class: "das-suffix-icon",
                     size: "medium"
                   })
@@ -1000,52 +1026,46 @@ const Se = { class: "ant-picker-cell-inner" }, Be = {
               _: 3
               /* FORWARDED */
             }, 16, ["value", "size", "popupClassName", "showNow", "bordered", "placeholder", "disabled", "style", "popupStyle"])), [
-              [t(ae), R]
+              [s(de), Z]
             ])
           ]),
           _: 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,
+        r.error && r.errorLabel ? (n(), u(
+          T,
           { key: 0 },
           [
-            e.errorMode === "default" ? (s(), i("div", Qe, [
-              p(
+            r.errorMode === "default" ? (n(), u("div", lr, [
+              c(
                 "span",
                 {
-                  style: c(w.value)
+                  style: v(x.value)
                 },
-                h(e.errorLabel),
+                h(r.errorLabel),
                 5
                 /* TEXT, STYLE */
               )
-            ])) : e.errorMode === "overlay" && g.value ? (s(), i(
-              S,
+            ])) : r.errorMode === "overlay" && w.value ? (n(), u(
+              T,
               { key: 1 },
               [
-                e.teleported ? (s(), N(oe, {
+                r.teleported ? (n(), R(ne, {
                   key: 0,
                   to: "body"
                 }, [
-                  p(
+                  c(
                     "div",
                     {
-                      style: c(A.value)
+                      style: v(q.value)
                     },
                     [
-                      p(
+                      c(
                         "span",
                         {
-                          style: c(w.value)
+                          style: v(x.value)
                         },
-                        h(e.errorLabel),
+                        h(r.errorLabel),
                         5
                         /* TEXT, STYLE */
                       )
@@ -1053,20 +1073,20 @@ const Se = { class: "ant-picker-cell-inner" }, Be = {
                     4
                     /* STYLE */
                   )
-                ])) : (s(), i(
+                ])) : (n(), u(
                   "div",
                   {
                     key: 1,
-                    style: c(C.value),
+                    style: v($.value),
                     class: "das-picker-error-label label"
                   },
                   [
-                    p(
+                    c(
                       "span",
                       {
-                        style: c(w.value)
+                        style: v(x.value)
                       },
-                      h(e.errorLabel),
+                      h(r.errorLabel),
                       5
                       /* TEXT, STYLE */
                     )
@@ -1077,23 +1097,23 @@ const Se = { class: "ant-picker-cell-inner" }, Be = {
               ],
               64
               /* STABLE_FRAGMENT */
-            )) : m("v-if", !0)
+            )) : k("v-if", !0)
           ],
           64
           /* STABLE_FRAGMENT */
-        )) : m("v-if", !0)
+        )) : k("v-if", !0)
       ],
       6
       /* CLASS, STYLE */
     ));
   }
-}), rr = /* @__PURE__ */ le(er, [["__scopeId", "data-v-f3b76d23"]]), or = { class: "ant-picker-cell-inner" }, ar = {
+}), sr = /* @__PURE__ */ ie(nr, [["__scopeId", "data-v-6bfc969f"]]), dr = { class: "ant-picker-cell-inner" }, ir = {
   key: 0,
   class: "das-date-picker-error-label-content"
-}, lr = {
+}, ur = {
   name: "DasDatePicker"
-}, tr = /* @__PURE__ */ _({
-  ...lr,
+}, pr = /* @__PURE__ */ ae({
+  ...ur,
   props: {
     modelValue: {},
     borderType: { default: "underline" },
@@ -1113,115 +1133,122 @@ const Se = { class: "ant-picker-cell-inner" }, Be = {
     noSetDefaultVal: { type: Boolean }
   },
   emits: ["change", "openChange", "update:model-value", "update:error"],
-  setup(L, { expose: B, emit: d }) {
-    ee((e) => ({
-      "2afd1ccd": Z.value,
-      "1ad78300": W.value
+  setup(S, { expose: B, emit: t }) {
+    le((r) => ({
+      "3915632a": O.value,
+      "606fef7a": W.value
     }));
-    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
-    })), g = v(!1), b = v({
+    const o = S, p = t, F = d(() => G.value === "zh-CN" ? me : ye), l = f(), C = H(o, "modelValue"), M = H(o, "error"), O = d(() => o.width ? o.width : "230px"), W = d(() => o.height ? o.height : "auto"), D = f(3e3), V = d(() => ({
+      "z-index": D.value
+    })), w = f(!1), y = f({
       x: 0,
       y: 0
-    }), z = v(0), C = n(() => ({
+    }), z = f(0), $ = d(() => ({
       "font-size": "12px",
-      "background-color": H("--das-ui-input-number-overlay-error-bg-color").value,
+      "background-color": A("--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": o.errorModelZIndex
-    })), A = n(() => ({
-      ...C.value,
+    })), q = d(() => ({
+      ...$.value,
       width: z.value + "px",
       position: "fixed",
       visibility: "visible",
-      top: b.value.y + "px",
-      left: b.value.x + "px"
-    })), w = v({
+      top: y.value.y + "px",
+      left: y.value.x + "px"
+    })), x = f({
       display: "block",
-      color: H("--das-ui-input-error-color").value,
-      "white-space": "break-spaces",
-      "word-break": "break-all"
-    }), U = (e) => {
-      e && (V.value = ie().nextZIndex()), u("openChange", e);
+      color: A("--das-ui-input-error-color").value,
+      "white-space": "break-spaces"
+      // 'word-break': 'break-all',
+    }), U = (r) => {
+      r && (D.value = fe().nextZIndex()), p("openChange", r), G.value === "en" && se(() => {
+        const e = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
+        for (let a of e)
+          a && (a.innerText = "OK");
+      });
     }, Y = () => {
-      var y, I, P;
-      const { top: e, left: r } = (y = a.value) == null ? void 0 : y.$el.getBoundingClientRect();
-      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 = () => {
-      Y(), g.value = !0;
-    }, q = () => {
-      g.value = !1;
-    }, R = (e, r) => {
-      e ? O() : q();
-    }, T = n(() => ({
+      var i, b, L, E;
+      const { top: r = 0, left: e = 0 } = ((b = (i = l.value) == null ? void 0 : i.$el) == null ? void 0 : b.getBoundingClientRect()) ?? {};
+      let a = (L = l.value) == null ? void 0 : L.$el.clientHeight;
+      o.borderType !== "none" && (a = a + 2), z.value = (E = l.value) == null ? void 0 : E.$el.clientWidth, y.value.x = e, y.value.y = r + a;
+    }, K = () => {
+      Y(), w.value = !0;
+    }, j = () => {
+      w.value = !1;
+    }, Z = (r, e) => {
+      r ? K() : j();
+    }, P = d(() => ({
       width: o.width
-    })), 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);
+    })), N = d(() => {
+      var r;
+      return o.isView ? o.noSetDefaultVal ? ["", ""] : ["-", "-"] : (r = o.placeholder) == null ? void 0 : r.map((e) => ee(e));
+    }), X = (r, e) => {
+      if (M.value = !1, r === null) {
+        p("update:model-value", [null, null]), p("change", [null, null], e);
         return;
       }
-      u("update:error", M.value), u("update:model-value", e), u("change", e, r);
+      p("update:error", M.value), p("update:model-value", r), p("change", r, e);
     };
     return B({
-      $timeRangePicker: a,
+      $timeRangePicker: l,
       blur: () => {
-        a.value.blur();
+        l.value.blur();
       },
       focus: () => {
-        a.value.focus();
+        l.value.focus();
       }
-    }), (e, r) => (s(), i(
+    }), (r, e) => (n(), u(
       "div",
       {
-        class: te(["das-ui-time-range-picker", [e.borderType, o.isView ? "readonly" : "", t(M) ? "is-error" : ""]]),
-        style: c(T.value)
+        class: ue(["das-ui-time-range-picker", [r.borderType, o.isView ? "readonly" : "", s(M) ? "is-error" : ""]]),
+        style: v(P.value)
       },
       [
-        $(t(ne), { locale: t(ue) }, {
-          default: f(() => [
-            re((s(), N(t(Ve), J({
+        I(s(ve), { locale: F.value }, {
+          default: m(() => [
+            te((n(), R(s(Te), _({
               ref_key: "$timeRangePicker",
-              ref: a
-            }, e.$attrs, {
-              value: t(x),
-              "onUpdate:value": r[0] || (r[0] = (l) => pe(x) ? x.value = l : null),
+              ref: l
+            }, r.$attrs, {
+              value: s(C),
+              "onUpdate:value": e[0] || (e[0] = (a) => be(C) ? C.value = a : null),
               size: o.size,
-              popupClassName: "das-ui-time-range-picker-dropdown " + e.dropdownClassName,
-              showNow: e.showNow,
-              bordered: e.borderType === "bordered",
-              placeholder: E.value,
+              popupClassName: "das-ui-time-range-picker-dropdown " + r.dropdownClassName,
+              showNow: r.showNow,
+              bordered: r.borderType === "bordered",
+              placeholder: N.value,
               disabled: o.disabled || o.isView,
-              style: T.value,
-              popupStyle: D.value,
-              onChange: j,
+              style: P.value,
+              popupStyle: V.value,
+              onChange: X,
               onOpenChange: U
             }), {
-              dateRender: f((l) => [
-                k(e.$slots, "dateRender", se(de(l)), () => [
-                  p(
+              dateRender: m((a) => [
+                g(r.$slots, "dateRender", pe(ce(a)), () => [
+                  c(
                     "div",
-                    or,
-                    h(l.current.date()),
+                    dr,
+                    h(a.current.date()),
                     1
                     /* TEXT */
                   )
                 ], !0)
               ]),
-              suffixIcon: f(() => [
-                k(e.$slots, "suffixIcon", {}, () => [
-                  $(t(X), {
+              suffixIcon: m(() => [
+                g(r.$slots, "suffixIcon", {}, () => [
+                  I(s(J), {
                     class: "das-suffix-icon",
                     icon: "dengdai",
                     size: "medium"
                   })
                 ], !0)
               ]),
-              separator: f(() => [
-                k(e.$slots, "separator", {}, () => [
-                  r[1] || (r[1] = p(
+              separator: m(() => [
+                g(r.$slots, "separator", {}, () => [
+                  e[1] || (e[1] = c(
                     "div",
                     { style: { padding: "0 8px" } },
                     "~",
@@ -1233,52 +1260,52 @@ const Se = { class: "ant-picker-cell-inner" }, Be = {
               _: 3
               /* FORWARDED */
             }, 16, ["value", "size", "popupClassName", "showNow", "bordered", "placeholder", "disabled", "style", "popupStyle"])), [
-              [t(ae), R]
+              [s(de), Z]
             ])
           ]),
           _: 3
           /* FORWARDED */
         }, 8, ["locale"]),
-        m(` <div\r
+        k(` <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,
+        r.error && r.errorLabel ? (n(), u(
+          T,
           { key: 0 },
           [
-            e.errorMode === "default" ? (s(), i("div", ar, [
-              p(
+            r.errorMode === "default" ? (n(), u("div", ir, [
+              c(
                 "span",
                 {
-                  style: c(w.value)
+                  style: v(x.value)
                 },
-                h(e.errorLabel),
+                h(r.errorLabel),
                 5
                 /* TEXT, STYLE */
               )
-            ])) : e.errorMode === "overlay" && g.value ? (s(), i(
-              S,
+            ])) : r.errorMode === "overlay" && w.value ? (n(), u(
+              T,
               { key: 1 },
               [
-                e.teleported ? (s(), N(oe, {
+                r.teleported ? (n(), R(ne, {
                   key: 0,
                   to: "body"
                 }, [
-                  p(
+                  c(
                     "div",
                     {
-                      style: c(A.value)
+                      style: v(q.value)
                     },
                     [
-                      p(
+                      c(
                         "span",
                         {
-                          style: c(w.value)
+                          style: v(x.value)
                         },
-                        h(e.errorLabel),
+                        h(r.errorLabel),
                         5
                         /* TEXT, STYLE */
                       )
@@ -1286,20 +1313,20 @@ const Se = { class: "ant-picker-cell-inner" }, Be = {
                     4
                     /* STYLE */
                   )
-                ])) : (s(), i(
+                ])) : (n(), u(
                   "div",
                   {
                     key: 1,
-                    style: c(C.value),
+                    style: v($.value),
                     class: "das-picker-error-label label"
                   },
                   [
-                    p(
+                    c(
                       "span",
                       {
-                        style: c(w.value)
+                        style: v(x.value)
                       },
-                      h(e.errorLabel),
+                      h(r.errorLabel),
                       5
                       /* TEXT, STYLE */
                     )
@@ -1310,22 +1337,22 @@ const Se = { class: "ant-picker-cell-inner" }, Be = {
               ],
               64
               /* STABLE_FRAGMENT */
-            )) : m("v-if", !0)
+            )) : k("v-if", !0)
           ],
           64
           /* STABLE_FRAGMENT */
-        )) : m("v-if", !0)
+        )) : k("v-if", !0)
       ],
       6
       /* CLASS, STYLE */
     ));
   }
-}), sr = /* @__PURE__ */ le(tr, [["__scopeId", "data-v-46744228"]]), dr = {
+}), cr = /* @__PURE__ */ ie(pr, [["__scopeId", "data-v-404b0084"]]), vr = {
   "--das-ui-date-picker-color-defalut-text": "#212121",
   // 默认字体色
   "--das-ui-date-picker-color-primary": "#5582F3",
   // 主题色
-  "--das-ui-date-picker-color-underline": Le("--das-ui-color-help"),
+  "--das-ui-date-picker-color-underline": Be("--das-ui-color-help"),
   // 下划线基础色
   "--das-ui-date-picker-color-error": "#FB2323",
   // 错误边框色
@@ -1345,14 +1372,22 @@ const Se = { class: "ant-picker-cell-inner" }, Be = {
   // 字体大小-large
   "--das-ui-date-picker-overlay-error-color": "#FB2323",
   "--das-ui-date-picker-overlay-error-bg-color": "#FFDBE0"
+}, fr = {
+  开始日期: { "zh-CN": "开始日期", en: "Start Date", _appCode: "framework" },
+  结束日期: { "zh-CN": "结束日期", en: "End Date", _appCode: "framework" },
+  开始时间: { "zh-CN": "开始时间", en: "Start Time", _appCode: "framework" },
+  结束时间: { "zh-CN": "结束时间", en: "End Time", _appCode: "framework" },
+  请选择日期: { "zh-CN": "请选择日期", en: "Please select a date", _appCode: "framework" },
+  请选择时间: { "zh-CN": "请选择时间", en: "Please select the time", _appCode: "framework" }
 };
-De(dr);
-const zr = Q(Ne), Cr = Q(We), Vr = Q(Je), Lr = Q(rr), Dr = Q(sr), Pr = { name: "datePicker 日期时间选择器" };
+Ee(fr);
+Ne(vr);
+const Er = oe(Oe), Rr = oe(Ke), Fr = oe(or), Zr = oe(sr), Hr = oe(cr), Ar = { name: "datePicker 日期时间选择器" };
 export {
-  zr as DasDatePicker,
-  Cr as DasDateRangePicker,
-  Vr as DasRangePicker,
-  Lr as DasTimePicker,
-  Dr as DasTimeRangePicker,
-  Pr as default
+  Er as DasDatePicker,
+  Rr as DasDateRangePicker,
+  Fr as DasRangePicker,
+  Zr as DasTimePicker,
+  Hr as DasTimeRangePicker,
+  Ar as default
 };