@aplus-frontend/ui 7.17.3 → 7.18.0

package/es/src/ap-field/cascader/index.vue.mjs

@@ -13,6 +13,7 @@ const ee = { key: 0 }, pe = /* @__PURE__ */ A({
     class: {},
     style: {},
     emptyText: { default: "--" },
+    customReadMode: {},
     multiple: { type: Boolean, default: void 0 },
     size: {},
     bordered: { type: Boolean, default: !0 },
@@ -97,7 +98,7 @@ const ee = { key: 0 }, pe = /* @__PURE__ */ A({
   setup(N, { expose: k, emit: P }) {
     const n = N, T = b(
       () => J(n, ["onUpdate:value", "value", "options", "loadData"])
-    ), I = L(), V = P, i = O(), { value: f, updateValue: D } = Z(n, V), R = X("Cascader", n), { options: h, request: g, loading: y } = Y(n), v = b(() => {
+    ), I = L(), R = P, i = O(), { value: f, updateValue: V } = Z(n, R), D = X("Cascader", n), { options: h, request: g, loading: y } = Y(n), v = b(() => {
       const o = e(f);
       if (!o?.length) return [];
       const C = n.fieldNames?.label || "label", s = n.fieldNames?.value || "value";
@@ -105,15 +106,15 @@ const ee = { key: 0 }, pe = /* @__PURE__ */ A({
         const r = [];
         for (const p of c || []) {
           if (t.find(
-            (M) => M === p[s]
+            (F) => F === p[s]
           ) && r.push(p[C]), r.length === t.length)
             return r;
           p.children?.length && r.push(...a(p.children, t));
         }
         return r;
       }
-      const d = [], F = Q(o[0]) ? o : [o];
-      for (const c of F) {
+      const d = [], z = Q(o[0]) ? o : [o];
+      for (const c of z) {
         const t = a(h.value, c);
         t.length && d.push(t);
       }
@@ -122,12 +123,12 @@ const ee = { key: 0 }, pe = /* @__PURE__ */ A({
     function _() {
       i.value?.focus?.();
     }
-    function z() {
+    function M() {
       i.value?.blur?.();
     }
     return k({
       focus: _,
-      blur: z,
+      blur: M,
       request: g
     }), (o, C) => o.mode === "read" ? (l(), u(B, { key: 0 }, [
       v.value.length ? (l(), w(e(W), {
@@ -144,9 +145,9 @@ const ee = { key: 0 }, pe = /* @__PURE__ */ A({
       value: e(f),
       loading: e(y),
       options: e(h),
-      placeholder: e(R),
+      placeholder: e(D),
       "load-data": o.loadData ? e(g) : void 0,
-      "onUpdate:value": e(D)
+      "onUpdate:value": e(V)
     }), E({ _: 2 }, [
       S(I, (s, a) => ({
         name: a,

package/es/src/ap-field/cascader/read.vue2.mjs

@@ -3,7 +3,7 @@ import { Space as N } from "@aplus-frontend/antdv";
 import { isArray as S } from "lodash-unified";
 const T = {
   key: 0
-}, R = /* @__PURE__ */ C({
+}, M = /* @__PURE__ */ C({
   name: "ApFieldCascaderRead",
   __name: "read",
   props: {
@@ -15,6 +15,7 @@ const T = {
     emptyText: {
       default: "--"
     },
+    customReadMode: {},
     multiple: {
       type: Boolean
     },
@@ -156,5 +157,5 @@ const T = {
   }
 });
 export {
-  R as default
+  M as default
 };

package/es/src/ap-field/checkbox/index.vue.mjs

@@ -1,9 +1,9 @@
-import { defineComponent as O, computed as T, useSlots as _, ref as P, onMounted as U, createElementBlock as r, openBlock as o, Fragment as s, unref as e, createTextVNode as d, toDisplayString as c, createBlock as f, mergeProps as F, createSlots as N, renderList as z, withCtx as A, renderSlot as L, normalizeProps as j, guardReactiveProps as w } from "vue";
-import { Spin as D, CheckboxGroup as E } from "@aplus-frontend/antdv";
-import { omit as G, isFunction as I, isNil as M } from "lodash-unified";
+import { defineComponent as O, computed as T, useSlots as _, ref as P, onMounted as U, createElementBlock as r, openBlock as o, Fragment as s, unref as e, createTextVNode as d, toDisplayString as c, createBlock as f, mergeProps as F, createSlots as N, renderList as z, withCtx as A, renderSlot as L, normalizeProps as M, guardReactiveProps as R } from "vue";
+import { Spin as j, CheckboxGroup as w } from "@aplus-frontend/antdv";
+import { omit as D, isFunction as E, isNil as G } from "lodash-unified";
 import "../../config-provider/index.mjs";
 import "../../hooks/index.mjs";
-import R from "../hooks/use-options.mjs";
+import I from "../hooks/use-options.mjs";
 import $ from "../style/index.mjs";
 import { getOptionValue as H, getOptionLabel as J } from "./helper.mjs";
 import { useNamespace as K } from "../../config-provider/hooks/use-namespace.mjs";
@@ -17,6 +17,7 @@ const ne = /* @__PURE__ */ O({
     class: {},
     style: {},
     emptyText: { default: "--" },
+    customReadMode: {},
     defaultValue: {},
     value: {},
     onChange: {},
@@ -32,10 +33,10 @@ const ne = /* @__PURE__ */ O({
   emits: ["update:value"],
   setup(v, { expose: y, emit: k }) {
     const x = k, t = v, h = T(
-      () => G(t, ["onUpdate:value", "value", "request", "vertical", "emptyText"])
-    ), g = _(), { options: u, updateOptions: b } = R(t), { b: C, m: S } = K("field-checkbox"), V = $("field"), n = P(!1);
+      () => D(t, ["onUpdate:value", "value", "request", "vertical", "emptyText"])
+    ), g = _(), { options: u, updateOptions: b } = I(t), { b: C, m: S } = K("field-checkbox"), V = $("field"), n = P(!1);
     async function p() {
-      if (I(t.request))
+      if (E(t.request))
         return n.value = !0, t.request().then((a) => b(a)).finally(() => {
           n.value = !1;
         });
@@ -53,16 +54,16 @@ const ne = /* @__PURE__ */ O({
     return y({
       request: p
     }), (a, W) => a.mode === "read" ? (o(), r(s, { key: 0 }, [
-      e(M)(e(i)) ? (o(), r(s, { key: 0 }, [
+      e(G)(e(i)) ? (o(), r(s, { key: 0 }, [
         d(c(t.emptyText), 1)
       ], 64)) : (o(), r(s, { key: 1 }, [
         d(c(e(u)?.filter((l) => e(i).indexOf(e(H)(l)) > -1).map((l) => e(J)(l)).join("、") || t.emptyText), 1)
       ], 64))
     ], 64)) : (o(), r(s, { key: 1 }, [
-      n.value ? (o(), f(e(D), {
+      n.value ? (o(), f(e(j), {
         key: 0,
         size: "small"
-      })) : (o(), f(e(E), F({ key: 1 }, h.value, {
+      })) : (o(), f(e(w), F({ key: 1 }, h.value, {
         options: e(u),
         value: e(i),
         class: [e(C)(), a.vertical ? e(S)("vertical") : null, e(V)],
@@ -71,7 +72,7 @@ const ne = /* @__PURE__ */ O({
         z(g, (l, m) => ({
           name: m,
           fn: A((B) => [
-            L(a.$slots, m, j(w(B || {})))
+            L(a.$slots, m, M(R(B || {})))
           ])
         }))
       ]), 1040, ["options", "value", "class", "onUpdate:value"]))

package/es/src/ap-field/checkbox/read.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as r, createElementBlock as o, unref as a, openBlock as l, Fragment as n, createTextVNode as p, toDisplayString as i } from "vue";
+import { defineComponent as r, createElementBlock as a, unref as o, openBlock as l, Fragment as n, createTextVNode as p, toDisplayString as i } from "vue";
 import { isNil as d } from "lodash-unified";
 import { getOptionValue as m, getOptionLabel as u } from "./helper.mjs";
 const g = /* @__PURE__ */ r({
@@ -9,6 +9,7 @@ const g = /* @__PURE__ */ r({
     class: {},
     style: {},
     emptyText: { default: "--" },
+    customReadMode: {},
     defaultValue: {},
     value: {},
     onChange: {},
@@ -22,10 +23,10 @@ const g = /* @__PURE__ */ r({
     vertical: { type: Boolean }
   },
   setup(s) {
-    return (e, f) => a(d)(e.value) ? (l(), o(n, { key: 0 }, [
+    return (e, f) => o(d)(e.value) ? (l(), a(n, { key: 0 }, [
       p(i(e.emptyText), 1)
-    ], 64)) : (l(), o(n, { key: 1 }, [
-      p(i(e.options?.filter((t) => e.value.indexOf(a(m)(t)) > -1).map((t) => a(u)(t)).join("、") || e.emptyText), 1)
+    ], 64)) : (l(), a(n, { key: 1 }, [
+      p(i(e.options?.filter((t) => e.value.indexOf(o(m)(t)) > -1).map((t) => o(u)(t)).join("、") || e.emptyText), 1)
     ], 64));
   }
 });

package/es/src/ap-field/date/index.vue.mjs

@@ -1,15 +1,18 @@
-import { defineComponent as I, useSlots as U, ref as H, computed as r, unref as t, createElementBlock as B, createBlock as h, openBlock as i, Fragment as g, createTextVNode as b, toDisplayString as P, normalizeStyle as K, withCtx as s, createVNode as w, createCommentVNode as W, isRef as G, renderList as C, mergeProps as L, createSlots as Y, renderSlot as Z, normalizeProps as $, guardReactiveProps as q } from "vue";
-import { InputGroup as J, FormItemRest as Q, Select as X, SelectOption as ee, DatePicker as oe } from "@aplus-frontend/antdv";
-import { getTimeFormatToZone as te } from "@aplus-frontend/utils";
+import { defineComponent as N, useSlots as j, ref as I, computed as r, unref as o, createBlock as c, openBlock as s, withCtx as d, createElementVNode as U, toDisplayString as B, normalizeStyle as H, createVNode as g, createCommentVNode as K, isRef as W, createElementBlock as G, Fragment as L, renderList as b, createTextVNode as Y, mergeProps as Z, createSlots as $, renderSlot as q, normalizeProps as J, guardReactiveProps as Q } from "vue";
+import { InputGroup as X, FormItemRest as ee, Select as oe, SelectOption as te, DatePicker as ae } from "@aplus-frontend/antdv";
+import { getTimeFormatToZone as ne } from "@aplus-frontend/utils";
 import u from "dayjs";
-import { isNil as S, omit as ae } from "lodash-unified";
+import { isNil as P, omit as le } from "lodash-unified";
 import "../../hooks/index.mjs";
-import { useDateTimezone as ne } from "../hooks/use-date-timezone.mjs";
-import { useDefaultPlaceholder as le } from "../hooks/use-default-placeholder.mjs";
-import { ApFieldDatePresetFormats as re, PRESET_FORMAT_MAP as O, PRESET_FORMAT_PICK_MAP as ue, PRESET_FORMAT_TIME_MAP as de } from "./constant.mjs";
-import { formatDayWithTimezone as ie } from "./helper.mjs";
-import { useControllableValue as se } from "../../hooks/useControllableValue.mjs";
-const Pe = /* @__PURE__ */ I({
+import "../../render/index.mjs";
+import { useDateTimezone as re } from "../hooks/use-date-timezone.mjs";
+import { useDefaultPlaceholder as de } from "../hooks/use-default-placeholder.mjs";
+import { useReadModeRender as ue } from "../hooks/use-read-mode-render.mjs";
+import { ApFieldDatePresetFormats as ie, PRESET_FORMAT_MAP as w, PRESET_FORMAT_PICK_MAP as se, PRESET_FORMAT_TIME_MAP as me } from "./constant.mjs";
+import { formatDayWithTimezone as pe } from "./helper.mjs";
+import { useControllableValue as fe } from "../../hooks/useControllableValue.mjs";
+import ce from "../../render/render.mjs";
+const Te = /* @__PURE__ */ N({
   name: "ApFieldDate",
   __name: "index",
   props: {
@@ -17,6 +20,7 @@ const Pe = /* @__PURE__ */ I({
     class: {},
     style: {},
     emptyText: { default: "--" },
+    customReadMode: {},
     dropdownClassName: {},
     dropdownAlign: {},
     popupStyle: {},
@@ -92,23 +96,23 @@ const Pe = /* @__PURE__ */ I({
     timezone: {}
   },
   emits: ["update:value"],
-  setup(T, { expose: _, emit: F }) {
-    const R = U(), e = T, A = F, f = H(), { value: c, updateValue: k } = se(
+  setup(R, { expose: C, emit: S }) {
+    const _ = j(), e = R, O = S, v = I(), { value: y, updateValue: k } = fe(
       e,
-      A
-    ), M = le("Date", e), { currentTimezone: d } = ne(e), l = r(
-      () => re.indexOf(e.format) > -1
-    ), x = r(() => e.shownFormat ? e.shownFormat : l.value ? O[e.format] : e.format), m = r(
-      () => l.value ? O[e.format] : e.format
-    ), v = r(() => {
-      if (S(t(c)))
+      O
+    ), T = de("Date", e), { currentTimezone: i } = re(e), l = r(
+      () => ie.indexOf(e.format) > -1
+    ), F = r(() => e.shownFormat ? e.shownFormat : l.value ? w[e.format] : e.format), m = r(
+      () => l.value ? w[e.format] : e.format
+    ), p = r(() => {
+      if (P(o(y)))
         return;
-      let o = u(t(c));
-      return e.timezone && (o = u(te(t(c), d.value))), o;
-    }), D = r(() => t(l) ? e.picker ?? ue[e.format] : e.picker), V = r(() => {
-      const o = t(l) ? de[e.format] : {};
+      let t = u(o(y));
+      return e.timezone && (t = u(ne(o(y), i.value))), t;
+    }), { renderer: A } = ue(e, p), M = r(() => o(l) ? e.picker ?? se[e.format] : e.picker), x = r(() => {
+      const t = o(l) ? me[e.format] : {};
       return {
-        ...ae(e, [
+        ...le(e, [
           "value",
           "defaultValue",
           "onChange",
@@ -117,95 +121,101 @@ const Pe = /* @__PURE__ */ I({
           "onUpdate:value",
           "mode"
         ]),
-        placeholder: t(M),
-        ...o
+        placeholder: o(T),
+        ...t
       };
-    }), y = (o, n, a = !0) => ie(d.value)(o, n, a);
-    function z(o) {
-      if (S(o)) {
+    }), h = (t, n, a = !0) => pe(i.value)(t, n, a);
+    function D(t) {
+      if (P(t)) {
         k(null);
         return;
       }
-      const n = u(o);
+      const n = u(t);
       k(
-        y(
+        h(
           n,
-          t(l) ? t(m) : void 0,
+          o(l) ? o(m) : void 0,
           e.formatBegins
         )
       );
     }
-    function E(o, n) {
-      const a = u(o), p = o ? y(
+    function V(t, n) {
+      const a = u(t), f = t ? h(
         a,
-        t(l) ? t(m) : void 0,
+        o(l) ? o(m) : void 0,
         e.formatBegins
       ) : null;
-      e.onChange?.(p, n);
+      e.onChange?.(f, n);
     }
-    function N(o) {
-      const n = u(o), a = o ? y(
+    function z(t) {
+      const n = u(t), a = t ? h(
         n,
-        t(l) ? t(m) : void 0,
+        o(l) ? o(m) : void 0,
         e.formatBegins
       ) : null;
       e.onOk?.(a);
     }
-    return _({
-      focus: () => f.value?.focus(),
-      blur: () => f.value?.blur()
-    }), (o, n) => o.mode === "read" ? (i(), B(g, { key: 0 }, [
-      b(P(v.value ? t(u)(v.value).format(m.value) : o.emptyText), 1)
-    ], 64)) : (i(), h(t(J), {
+    return C({
+      focus: () => v.value?.focus(),
+      blur: () => v.value?.blur()
+    }), (t, n) => t.mode === "read" ? (s(), c(o(ce), {
+      key: 0,
+      renderer: o(A)
+    }, {
+      default: d(() => [
+        U("span", null, B(p.value ? o(u)(p.value).format(m.value) : t.emptyText), 1)
+      ]),
+      _: 1
+    }, 8, ["renderer"])) : (s(), c(o(X), {
       key: 1,
       compact: "",
-      style: K({
+      style: H({
         display: Array.isArray(e.timezone) && e.timezone.length ? "flex" : "block"
       })
     }, {
-      default: s(() => [
-        w(t(Q), null, {
-          default: s(() => [
-            Array.isArray(e.timezone) && e.timezone.length ? (i(), h(t(X), {
+      default: d(() => [
+        g(o(ee), null, {
+          default: d(() => [
+            Array.isArray(e.timezone) && e.timezone.length ? (s(), c(o(oe), {
               key: 0,
-              value: t(d),
-              "onUpdate:value": n[0] || (n[0] = (a) => G(d) ? d.value = a : null),
+              value: o(i),
+              "onUpdate:value": n[0] || (n[0] = (a) => W(i) ? i.value = a : null),
               "default-active-first-option": "",
               "dropdown-match-select-width": !1,
               style: { "max-width": "50%" },
-              disabled: o.disabled
+              disabled: t.disabled
             }, {
-              default: s(() => [
-                (i(!0), B(g, null, C(e.timezone, (a) => (i(), h(t(ee), {
+              default: d(() => [
+                (s(!0), G(L, null, b(e.timezone, (a) => (s(), c(o(te), {
                   key: a?.value,
                   value: a?.value
                 }, {
-                  default: s(() => [
-                    b(P(a?.label ?? a?.value), 1)
+                  default: d(() => [
+                    Y(B(a?.label ?? a?.value), 1)
                   ]),
                   _: 2
                 }, 1032, ["value"]))), 128))
               ]),
               _: 1
-            }, 8, ["value", "disabled"])) : W("", !0)
+            }, 8, ["value", "disabled"])) : K("", !0)
           ]),
           _: 1
         }),
-        w(t(oe), L({
+        g(o(ae), Z({
           ref_key: "datePickerRef",
-          ref: f
-        }, V.value, {
-          value: v.value,
-          format: x.value,
-          picker: D.value,
-          "onUpdate:value": z,
-          onChange: E,
-          onOk: N
-        }), Y({ _: 2 }, [
-          C(R, (a, p) => ({
-            name: p,
-            fn: s((j) => [
-              Z(o.$slots, p, $(q(j || {})))
+          ref: v
+        }, x.value, {
+          value: p.value,
+          format: F.value,
+          picker: M.value,
+          "onUpdate:value": D,
+          onChange: V,
+          onOk: z
+        }), $({ _: 2 }, [
+          b(_, (a, f) => ({
+            name: f,
+            fn: d((E) => [
+              q(t.$slots, f, J(Q(E || {})))
             ])
           }))
         ]), 1040, ["value", "format", "picker"])
@@ -215,5 +225,5 @@ const Pe = /* @__PURE__ */ I({
   }
 });
 export {
-  Pe as default
+  Te as default
 };

package/es/src/ap-field/date/read.vue2.mjs

@@ -12,6 +12,7 @@ const S = /* @__PURE__ */ u({
     class: {},
     style: {},
     emptyText: { default: "--" },
+    customReadMode: {},
     dropdownClassName: {},
     dropdownAlign: {},
     popupStyle: {},

package/es/src/ap-field/date-range/index.vue.mjs

@@ -1,18 +1,23 @@
-import { defineComponent as $, useSlots as q, ref as J, computed as s, unref as t, isVNode as Q, createVNode as D, Fragment as m, createElementBlock as g, createBlock as k, openBlock as u, createTextVNode as S, toDisplayString as C, resolveDynamicComponent as X, normalizeStyle as ee, withCtx as P, createCommentVNode as oe, isRef as te, renderList as T, mergeProps as ne, createSlots as ae, renderSlot as re, normalizeProps as le, guardReactiveProps as ue } from "vue";
-import { SwapRightOutlined as de } from "@ant-design/icons-vue";
-import { InputGroup as ie, Select as se, SelectOption as fe, DatePicker as pe } from "@aplus-frontend/antdv";
-import { getTimeFormatToZone as M } from "@aplus-frontend/utils";
+import { defineComponent as q, useSlots as J, ref as Q, computed as s, unref as t, isVNode as X, createVNode as O, Fragment as k, createBlock as h, openBlock as u, withCtx as g, createElementBlock as R, createTextVNode as S, toDisplayString as C, resolveDynamicComponent as ee, normalizeStyle as oe, createCommentVNode as te, isRef as ne, renderList as M, mergeProps as ae, createSlots as re, renderSlot as le, normalizeProps as ue, guardReactiveProps as de } from "vue";
+import { SwapRightOutlined as ie } from "@ant-design/icons-vue";
+import { InputGroup as se, Select as fe, SelectOption as pe, DatePicker as me } from "@aplus-frontend/antdv";
+import { getTimeFormatToZone as w } from "@aplus-frontend/utils";
 import d from "dayjs";
-import { isNil as R, omit as A, isString as c, isFunction as me } from "lodash-unified";
+import { isNil as T, omit as _, isString as m, isFunction as ce } from "lodash-unified";
+import "../../render/index.mjs";
 import "../../hooks/index.mjs";
-import { omitUndefined as ce } from "../../utils/index.mjs";
-import { ApFieldDatePresetFormats as ye, PRESET_FORMAT_MAP as _, PRESET_FORMAT_PICK_MAP as ve, PRESET_FORMAT_TIME_MAP as he } from "../date/constant.mjs";
-import { formatDayWithTimezone as ge } from "../date/helper.mjs";
-import { useDateTimezone as ke } from "../hooks/use-date-timezone.mjs";
-import { useDefaultPlaceholder as Se } from "../hooks/use-default-placeholder.mjs";
-import { useDefaultPresets as Ce } from "../hooks/use-default-presets.mjs";
-import { useControllableValue as Pe } from "../../hooks/useControllableValue.mjs";
-const Ee = /* @__PURE__ */ $({
+import { omitUndefined as ye } from "../../utils/index.mjs";
+import { ApFieldDatePresetFormats as ve, PRESET_FORMAT_MAP as A, PRESET_FORMAT_PICK_MAP as he, PRESET_FORMAT_TIME_MAP as ge } from "../date/constant.mjs";
+import { formatDayWithTimezone as ke } from "../date/helper.mjs";
+import { useDateTimezone as Se } from "../hooks/use-date-timezone.mjs";
+import { useDefaultPlaceholder as Ce } from "../hooks/use-default-placeholder.mjs";
+import { useDefaultPresets as Pe } from "../hooks/use-default-presets.mjs";
+import { useReadModeRender as Be } from "../hooks/use-read-mode-render.mjs";
+import { useControllableValue as Oe } from "../../hooks/useControllableValue.mjs";
+import Re from "../../render/render.mjs";
+const De = {
+  key: 0
+}, We = /* @__PURE__ */ q({
   name: "ApFieldDateRange",
   __name: "index",
   props: {
@@ -24,6 +29,7 @@ const Ee = /* @__PURE__ */ $({
     emptyText: {
       default: "--"
     },
+    customReadMode: {},
     id: {},
     defaultPickerValue: {},
     placeholder: {},
@@ -165,115 +171,119 @@ const Ee = /* @__PURE__ */ $({
     expose: x,
     emit: z
   }) {
-    const o = F, N = z, b = q(), B = J(), i = s(() => ye.indexOf(o.format) > -1), y = s(() => i.value ? _[o.format] : o.format), {
-      value: v,
-      updateValue: w
-    } = Pe(o, N), E = s(() => o.shownFormat ? o.shownFormat : i.value ? _[o.format] : o.format), V = Se("DateRange", o), {
+    const o = F, N = z, D = J(), P = Q(), i = s(() => ve.indexOf(o.format) > -1), c = s(() => i.value ? A[o.format] : o.format), {
+      value: y,
+      updateValue: b
+    } = Oe(o, N), E = s(() => o.shownFormat ? o.shownFormat : i.value ? A[o.format] : o.format), V = Ce("DateRange", o), {
       currentTimezone: l
-    } = ke(o), {
+    } = Se(o), {
       presets: j,
       changeCurrentDate: I
-    } = Ce({
+    } = Pe({
       ...o,
       timezone: l
-    }), f = (e, a, n = !0) => ge(l.value)(e, a, n), h = s(() => {
-      const e = t(v);
-      if (R(e) || !e?.length)
+    }), f = (e, a, n = !0) => ke(l.value)(e, a, n), v = s(() => {
+      const e = t(y);
+      if (T(e) || !e?.length)
         return e;
-      const a = l.value ? M(t(v)[0], l.value) : t(v)?.[0], n = o.timezone ? M(t(v)[1], l.value) : t(v)?.[1];
+      const a = l.value ? w(t(y)[0], l.value) : t(y)?.[0], n = o.timezone ? w(t(y)[1], l.value) : t(y)?.[1];
       return [d(a), d(n)];
-    }), U = s(() => t(i) ? o.picker ?? ve[o.format] : o.picker), H = s(() => {
-      const e = t(i) ? he[o.format] : {};
+    }), {
+      renderer: U
+    } = Be(o, v), H = s(() => t(i) ? o.picker ?? he[o.format] : o.picker), K = s(() => {
+      const e = t(i) ? ge[o.format] : {};
       return {
-        ...ce(A(o, ["value", "onUpdate:value", "onChange", "onOk", "format", "mode", "presets"])),
+        ...ye(_(o, ["value", "onUpdate:value", "onChange", "onOk", "format", "mode", "presets"])),
         placeholder: t(V),
         presets: t(j),
         ...e
       };
     });
-    function K(e) {
+    function W(e) {
       if (!e) {
-        w(e);
+        b(e);
         return;
       }
-      let a = c(e[0]) ? d(e[0]) : e[0], n = c(e[1]) ? d(e[1]) : e[1];
-      const r = t(i) ? t(y) : void 0;
-      w([f(a, r), f(n, r, !1)]);
-    }
-    function W(e) {
-      const a = c(e[0]) ? d(e[0]) : e[0], n = c(e[1]) ? d(e[1]) : e[1], r = t(i) ? t(y) : void 0, p = e[0] ? f(a, r) : null, O = e[1] ? f(n, r, !1) : null;
-      o.onOk?.([p, O]);
+      let a = m(e[0]) ? d(e[0]) : e[0], n = m(e[1]) ? d(e[1]) : e[1];
+      const r = t(i) ? t(c) : void 0;
+      b([f(a, r), f(n, r, !1)]);
     }
     function G(e) {
+      const a = m(e[0]) ? d(e[0]) : e[0], n = m(e[1]) ? d(e[1]) : e[1], r = t(i) ? t(c) : void 0, p = e[0] ? f(a, r) : null, B = e[1] ? f(n, r, !1) : null;
+      o.onOk?.([p, B]);
+    }
+    function L(e) {
       e && I(), o.onOpenChange?.(e);
     }
-    function L(e, a) {
-      if (R(e)) {
+    function Y(e, a) {
+      if (T(e)) {
         o.onChange?.(e, a);
         return;
       }
-      const n = c(e[0]) ? d(e[0]) : e[0], r = c(e[1]) ? d(e[1]) : e[1], p = t(i) ? t(y) : void 0, O = e[0] ? f(n, p) : null, Z = e[1] ? f(r, p, !1) : null;
-      o.onChange?.([O, Z], a);
+      const n = m(e[0]) ? d(e[0]) : e[0], r = m(e[1]) ? d(e[1]) : e[1], p = t(i) ? t(c) : void 0, B = e[0] ? f(n, p) : null, $ = e[1] ? f(r, p, !1) : null;
+      o.onChange?.([B, $], a);
     }
-    const Y = s(() => {
+    const Z = s(() => {
       const e = o.readModeSeparator;
       if (e)
-        return Q(e) || me(e) ? o.readModeSeparator : D(m, null, [o.readModeSeparator]);
-      const a = b.readModeSeparator?.();
-      return a ? D(m, null, [a]) : de;
+        return X(e) || ce(e) ? o.readModeSeparator : O(k, null, [o.readModeSeparator]);
+      const a = D.readModeSeparator?.();
+      return a ? O(k, null, [a]) : ie;
     });
     return x({
-      focus: B.value?.focus(),
-      blur: B.value?.blur()
-    }), (e, a) => e.mode === "read" ? (u(), g(m, {
-      key: 0
-    }, [h.value ? (u(), g(m, {
-      key: 0
-    }, [S(C(h.value[0]?.format(y.value)) + " ", 1), (u(), k(X(Y.value))), S(" " + C(h.value[1]?.format(y.value)), 1)], 64)) : (u(), g(m, {
-      key: 1
-    }, [S(C(e.emptyText), 1)], 64))], 64)) : (u(), k(t(ie), {
+      focus: P.value?.focus(),
+      blur: P.value?.blur()
+    }), (e, a) => e.mode === "read" ? (u(), h(t(Re), {
+      key: 0,
+      renderer: t(U)
+    }, {
+      default: g(() => [v.value ? (u(), R("span", De, [S(C(v.value[0]?.format(c.value)) + " ", 1), (u(), h(ee(Z.value))), S(" " + C(v.value[1]?.format(c.value)), 1)])) : (u(), R(k, {
+        key: 1
+      }, [S(C(e.emptyText), 1)], 64))]),
+      _: 1
+    }, 8, ["renderer"])) : (u(), h(t(se), {
       key: 1,
       compact: "",
-      style: ee({
+      style: oe({
         display: Array.isArray(o.timezone) && o.timezone.length ? "flex" : "block"
       })
     }, {
-      default: P(() => [Array.isArray(o.timezone) && o.timezone.length ? (u(), k(t(se), {
+      default: g(() => [Array.isArray(o.timezone) && o.timezone.length ? (u(), h(t(fe), {
         key: 0,
         value: t(l),
-        "onUpdate:value": a[0] || (a[0] = (n) => te(l) ? l.value = n : null),
+        "onUpdate:value": a[0] || (a[0] = (n) => ne(l) ? l.value = n : null),
         "default-active-first-option": "",
         "dropdown-match-select-width": !1
       }, {
-        default: P(() => [(u(!0), g(m, null, T(o.timezone, (n) => (u(), k(t(fe), {
+        default: g(() => [(u(!0), R(k, null, M(o.timezone, (n) => (u(), h(t(pe), {
           key: n?.value,
           value: n?.value
         }, {
-          default: P(() => [S(C(n?.label ?? n?.value), 1)]),
+          default: g(() => [S(C(n?.label ?? n?.value), 1)]),
           _: 2
         }, 1032, ["value"]))), 128))]),
         _: 1
-      }, 8, ["value"])) : oe("", !0), D(t(pe).RangePicker, ne({
+      }, 8, ["value"])) : te("", !0), O(t(me).RangePicker, ae({
         ref_key: "rangePickerRef",
-        ref: B
-      }, H.value, {
-        value: h.value,
-        picker: U.value,
+        ref: P
+      }, K.value, {
+        value: v.value,
+        picker: H.value,
         format: E.value,
-        "onUpdate:value": K,
-        onChange: L,
-        onOk: W,
-        onOpenChange: G
-      }), ae({
+        "onUpdate:value": W,
+        onChange: Y,
+        onOk: G,
+        onOpenChange: L
+      }), re({
         _: 2
-      }, [T(t(A)(b, "readModeSeparator"), (n, r) => ({
+      }, [M(t(_)(D, "readModeSeparator"), (n, r) => ({
         name: r,
-        fn: P((p) => [re(e.$slots, r, le(ue(p || {})))])
+        fn: g((p) => [le(e.$slots, r, ue(de(p || {})))])
       }))]), 1040, ["value", "picker", "format"])]),
       _: 3
     }, 8, ["style"]));
   }
 });
 export {
-  Ee as default
+  We as default
 };