@aplus-frontend/ui 7.17.1-beta.0 → 7.17.2

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

@@ -1,10 +1,9 @@
-import { isVNode as g, defineComponent as C, computed as b, createVNode as d, Fragment as c, createBlock as w, openBlock as x, resolveDynamicComponent as B } from "vue";
+import { defineComponent as C, computed as w, unref as m, createElementBlock as d, createBlock as B, openBlock as p, toDisplayString as f, withCtx as x, Fragment as b, renderList as v } from "vue";
 import { Space as N } from "@aplus-frontend/antdv";
-import { isArray as v } from "lodash-unified";
-function S(o) {
-  return typeof o == "function" || Object.prototype.toString.call(o) === "[object Object]" && !g(o);
-}
-const P = /* @__PURE__ */ C({
+import { isArray as S } from "lodash-unified";
+const T = {
+  key: 0
+}, R = /* @__PURE__ */ C({
   name: "ApFieldCascaderRead",
   __name: "read",
   props: {
@@ -13,6 +12,9 @@ const P = /* @__PURE__ */ C({
     },
     class: {},
     style: {},
+    emptyText: {
+      default: "--"
+    },
     multiple: {
       type: Boolean
     },
@@ -112,9 +114,6 @@ const P = /* @__PURE__ */ C({
     dropdownPrefixCls: {},
     dropdownMenuColumnStyle: {},
     loadingIcon: {},
-    emptyText: {
-      default: "--"
-    },
     request: {},
     lazy: {
       type: Boolean
@@ -124,36 +123,38 @@ const P = /* @__PURE__ */ C({
       type: Boolean
     }
   },
-  setup(o) {
-    const e = o, u = b(() => {
-      let p;
-      const n = e.value;
-      if (!n.length)
-        return d(c, null, [e.emptyText]);
-      const i = [], m = e.fieldNames?.label || "label", f = e.fieldNames?.value || "value";
-      function s(t, a) {
-        const l = [];
-        for (const r of t) {
-          if (a.find((h) => h === r[f]) && l.push(r[m]), l.length === a.length)
-            return l;
-          r.children?.length && l.push(...s(r.children, a));
+  setup(h) {
+    const a = h, i = w(() => {
+      const e = m(a.value);
+      if (!e?.length) return [];
+      const u = a.fieldNames?.label || "label", r = a.fieldNames?.value || "value";
+      function t(s, o) {
+        const n = [];
+        for (const l of s || []) {
+          if (o.find((g) => g === l[r]) && n.push(l[u]), n.length === o.length)
+            return n;
+          l.children?.length && n.push(...t(l.children, o));
         }
-        return l;
+        return n;
+      }
+      const c = [], y = S(e[0]) ? e : [e];
+      for (const s of y) {
+        const o = t(a.options, s);
+        o.length && c.push(o);
       }
-      const y = v(n[0]) ? n : [n];
-      for (const t of y)
-        i.push(s(e.options, t));
-      return i.length ? d(N, {
-        size: 4
-      }, S(p = i.map((t, a) => d("span", {
-        key: a
-      }, [t.join(", ")]))) ? p : {
-        default: () => [p]
-      }) : d(c, null, [e.emptyText]);
+      return c;
     });
-    return (p, n) => (x(), w(B(u.value)));
+    return (e, u) => i.value.length ? (p(), B(m(N), {
+      key: 1,
+      size: 4
+    }, {
+      default: x(() => [(p(!0), d(b, null, v(i.value, (r, t) => (p(), d("span", {
+        key: t
+      }, f(r.join(", ")), 1))), 128))]),
+      _: 1
+    })) : (p(), d("span", T, f(e.emptyText), 1));
   }
 });
 export {
-  P as default
+  R as default
 };

package/es/src/ap-field/checkbox/index.vue.d.ts

@@ -2,7 +2,18 @@ import { ApFieldCheckboxProps } from '../interface';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 import { FieldMode } from '..';
 import { CheckboxOptionType } from '@aplus-frontend/antdv';
-declare const _default: DefineComponent<ApFieldCheckboxProps, {
+type CheckboxGroupSlots = {
+    label?: any;
+    default?: any;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<CheckboxGroupSlots> & CheckboxGroupSlots;
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<ApFieldCheckboxProps, {
     request: () => void;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "update:value": (...args: any[]) => void;
@@ -14,4 +25,10 @@ declare const _default: DefineComponent<ApFieldCheckboxProps, {
     options: (string | number | CheckboxOptionType)[];
     emptyText: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,14 +1,14 @@
-import { defineComponent as V, ref as q, onMounted as B, createElementBlock as l, openBlock as o, Fragment as n, unref as e, createTextVNode as m, toDisplayString as d, createBlock as c, mergeProps as O } from "vue";
-import { Spin as T, CheckboxGroup as U } from "@aplus-frontend/antdv";
-import { isFunction as _, isNil as F, omit as N } 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 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 "../../config-provider/index.mjs";
 import "../../hooks/index.mjs";
-import S from "../hooks/use-options.mjs";
-import A from "../style/index.mjs";
-import { getOptionValue as j, getOptionLabel as z } from "./helper.mjs";
-import { useNamespace as D } from "../../config-provider/hooks/use-namespace.mjs";
-import { useControllableValue as E } from "../../hooks/useControllableValue.mjs";
-const W = /* @__PURE__ */ V({
+import R 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";
+import { useControllableValue as Q } from "../../hooks/useControllableValue.mjs";
+const ne = /* @__PURE__ */ O({
   name: "ApFieldCheckbox",
   inheritAttrs: !1,
   __name: "index",
@@ -16,6 +16,7 @@ const W = /* @__PURE__ */ V({
     mode: { default: "edit" },
     class: {},
     style: {},
+    emptyText: { default: "--" },
     defaultValue: {},
     value: {},
     onChange: {},
@@ -25,60 +26,58 @@ const W = /* @__PURE__ */ V({
     options: { default: () => [] },
     disabled: { type: Boolean, default: void 0 },
     id: {},
-    emptyText: { default: "--" },
     request: {},
     vertical: { type: Boolean }
   },
   emits: ["update:value"],
-  setup(f, { expose: v, emit: y }) {
-    const k = y, t = f, { options: u, updateOptions: x } = S(t), { b: h, m: b } = D("field-checkbox"), g = A("field"), r = q(!1);
+  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);
     async function p() {
-      if (_(t.request))
-        return r.value = !0, t.request().then((a) => x(a)).finally(() => {
-          r.value = !1;
+      if (I(t.request))
+        return n.value = !0, t.request().then((a) => b(a)).finally(() => {
+          n.value = !1;
         });
     }
-    B(() => {
+    U(() => {
       p();
     });
-    const { value: i, updateValue: C } = E(
+    const { value: i, updateValue: q } = Q(
       t,
-      k,
+      x,
       {
         defaultValue: []
       }
     );
-    return v({
+    return y({
       request: p
-    }), (a, G) => a.mode === "read" ? (o(), l(n, { key: 0 }, [
-      e(F)(e(i)) ? (o(), l(n, { key: 0 }, [
-        m(d(t.emptyText), 1)
-      ], 64)) : (o(), l(n, { key: 1 }, [
-        m(d(e(u)?.filter((s) => e(i).indexOf(e(j)(s)) > -1).map((s) => e(z)(s)).join("、") || t.emptyText), 1)
+    }), (a, W) => a.mode === "read" ? (o(), r(s, { key: 0 }, [
+      e(M)(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(), l(n, { key: 1 }, [
-      r.value ? (o(), c(e(T), {
+    ], 64)) : (o(), r(s, { key: 1 }, [
+      n.value ? (o(), f(e(D), {
         key: 0,
         size: "small"
-      })) : (o(), c(e(U), O(
-        { key: 1 },
-        e(N)(t, [
-          "onUpdate:value",
-          "value",
-          "request",
-          "vertical",
-          "emptyText"
-        ]),
-        {
-          options: e(u),
-          value: e(i),
-          class: [e(h)(), a.vertical ? e(b)("vertical") : null, e(g)],
-          "onUpdate:value": e(C)
-        }
-      ), null, 16, ["options", "value", "class", "onUpdate:value"]))
+      })) : (o(), f(e(E), F({ key: 1 }, h.value, {
+        options: e(u),
+        value: e(i),
+        class: [e(C)(), a.vertical ? e(S)("vertical") : null, e(V)],
+        "onUpdate:value": e(q)
+      }), N({ _: 2 }, [
+        z(g, (l, m) => ({
+          name: m,
+          fn: A((B) => [
+            L(a.$slots, m, j(w(B || {})))
+          ])
+        }))
+      ]), 1040, ["options", "value", "class", "onUpdate:value"]))
     ], 64));
   }
 });
 export {
-  W as default
+  ne as default
 };

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

@@ -8,6 +8,7 @@ const g = /* @__PURE__ */ r({
     mode: { default: "edit" },
     class: {},
     style: {},
+    emptyText: { default: "--" },
     defaultValue: {},
     value: {},
     onChange: {},
@@ -17,7 +18,6 @@ const g = /* @__PURE__ */ r({
     options: { default: () => [] },
     disabled: { type: Boolean, default: void 0 },
     id: {},
-    emptyText: { default: "--" },
     request: {},
     vertical: { type: Boolean }
   },

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

@@ -1,21 +1,22 @@
-import { defineComponent as j, ref as I, 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 U, withCtx as s, createVNode as w, createCommentVNode as H, isRef as K, renderList as C, mergeProps as W, createSlots as $, renderSlot as G, normalizeProps as L, guardReactiveProps as Y } from "vue";
-import { InputGroup as Z, FormItemRest as q, Select as J, SelectOption as Q, DatePicker as X } from "@aplus-frontend/antdv";
-import { getTimeFormatToZone as ee } from "@aplus-frontend/utils";
+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 u from "dayjs";
-import { isNil as O, omit as oe } from "lodash-unified";
+import { isNil as S, omit as ae } from "lodash-unified";
 import "../../hooks/index.mjs";
-import { useDateTimezone as te } from "../hooks/use-date-timezone.mjs";
-import { useDefaultPlaceholder as ae } from "../hooks/use-default-placeholder.mjs";
-import { ApFieldDatePresetFormats as ne, PRESET_FORMAT_MAP as S, PRESET_FORMAT_PICK_MAP as le, PRESET_FORMAT_TIME_MAP as re } from "./constant.mjs";
-import { formatDayWithTimezone as ue } from "./helper.mjs";
-import { useControllableValue as de } from "../../hooks/useControllableValue.mjs";
-const ge = /* @__PURE__ */ j({
+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({
   name: "ApFieldDate",
   __name: "index",
   props: {
     mode: { default: "edit" },
     class: {},
     style: {},
+    emptyText: { default: "--" },
     dropdownClassName: {},
     dropdownAlign: {},
     popupStyle: {},
@@ -80,7 +81,6 @@ const ge = /* @__PURE__ */ j({
     disabledMinutes: {},
     disabledSeconds: {},
     valueFormat: {},
-    emptyText: { default: "--" },
     value: {},
     defaultValue: {},
     "onUpdate:value": {},
@@ -92,23 +92,23 @@ const ge = /* @__PURE__ */ j({
     timezone: {}
   },
   emits: ["update:value"],
-  setup(T, { expose: F, emit: R }) {
-    const e = T, _ = R, f = I(), { value: c, updateValue: k } = de(
+  setup(T, { expose: _, emit: F }) {
+    const R = U(), e = T, A = F, f = H(), { value: c, updateValue: k } = se(
       e,
-      _
-    ), A = ae("Date", e), { currentTimezone: d } = te(e), l = r(
-      () => ne.indexOf(e.format) > -1
-    ), M = r(() => e.shownFormat ? e.shownFormat : l.value ? S[e.format] : e.format), m = r(
-      () => l.value ? S[e.format] : e.format
+      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 (O(t(c)))
+      if (S(t(c)))
         return;
       let o = u(t(c));
-      return e.timezone && (o = u(ee(t(c), d.value))), o;
-    }), D = r(() => t(l) ? e.picker ?? le[e.format] : e.picker), x = r(() => {
-      const o = t(l) ? re[e.format] : {};
+      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] : {};
       return {
-        ...oe(e, [
+        ...ae(e, [
           "value",
           "defaultValue",
           "onChange",
@@ -117,12 +117,12 @@ const ge = /* @__PURE__ */ j({
           "onUpdate:value",
           "mode"
         ]),
-        placeholder: t(A),
+        placeholder: t(M),
         ...o
       };
-    }), y = (o, n, a = !0) => ue(d.value)(o, n, a);
-    function V(o) {
-      if (O(o)) {
+    }), y = (o, n, a = !0) => ie(d.value)(o, n, a);
+    function z(o) {
+      if (S(o)) {
         k(null);
         return;
       }
@@ -135,7 +135,7 @@ const ge = /* @__PURE__ */ j({
         )
       );
     }
-    function z(o, n) {
+    function E(o, n) {
       const a = u(o), p = o ? y(
         a,
         t(l) ? t(m) : void 0,
@@ -143,7 +143,7 @@ const ge = /* @__PURE__ */ j({
       ) : null;
       e.onChange?.(p, n);
     }
-    function E(o) {
+    function N(o) {
       const n = u(o), a = o ? y(
         n,
         t(l) ? t(m) : void 0,
@@ -151,32 +151,32 @@ const ge = /* @__PURE__ */ j({
       ) : null;
       e.onOk?.(a);
     }
-    return F({
+    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(Z), {
+    ], 64)) : (i(), h(t(J), {
       key: 1,
       compact: "",
-      style: U({
+      style: K({
         display: Array.isArray(e.timezone) && e.timezone.length ? "flex" : "block"
       })
     }, {
       default: s(() => [
-        w(t(q), null, {
+        w(t(Q), null, {
           default: s(() => [
-            Array.isArray(e.timezone) && e.timezone.length ? (i(), h(t(J), {
+            Array.isArray(e.timezone) && e.timezone.length ? (i(), h(t(X), {
               key: 0,
               value: t(d),
-              "onUpdate:value": n[0] || (n[0] = (a) => K(d) ? d.value = a : null),
+              "onUpdate:value": n[0] || (n[0] = (a) => G(d) ? d.value = a : null),
               "default-active-first-option": "",
               "dropdown-match-select-width": !1,
               style: { "max-width": "50%" },
               disabled: o.disabled
             }, {
               default: s(() => [
-                (i(!0), B(g, null, C(e.timezone, (a) => (i(), h(t(Q), {
+                (i(!0), B(g, null, C(e.timezone, (a) => (i(), h(t(ee), {
                   key: a?.value,
                   value: a?.value
                 }, {
@@ -187,25 +187,25 @@ const ge = /* @__PURE__ */ j({
                 }, 1032, ["value"]))), 128))
               ]),
               _: 1
-            }, 8, ["value", "disabled"])) : H("", !0)
+            }, 8, ["value", "disabled"])) : W("", !0)
           ]),
           _: 1
         }),
-        w(t(X), W({
+        w(t(oe), L({
           ref_key: "datePickerRef",
           ref: f
-        }, x.value, {
+        }, V.value, {
           value: v.value,
-          format: M.value,
+          format: x.value,
           picker: D.value,
-          "onUpdate:value": V,
-          onChange: z,
-          onOk: E
-        }), $({ _: 2 }, [
-          C(o.$slots, (a, p) => ({
+          "onUpdate:value": z,
+          onChange: E,
+          onOk: N
+        }), Y({ _: 2 }, [
+          C(R, (a, p) => ({
             name: p,
-            fn: s((N) => [
-              G(o.$slots, p, L(Y(N || {})))
+            fn: s((j) => [
+              Z(o.$slots, p, $(q(j || {})))
             ])
           }))
         ]), 1040, ["value", "format", "picker"])
@@ -215,5 +215,5 @@ const ge = /* @__PURE__ */ j({
   }
 });
 export {
-  ge as default
+  Pe as default
 };

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

@@ -11,6 +11,7 @@ const S = /* @__PURE__ */ u({
     mode: {},
     class: {},
     style: {},
+    emptyText: { default: "--" },
     dropdownClassName: {},
     dropdownAlign: {},
     popupStyle: {},
@@ -75,7 +76,6 @@ const S = /* @__PURE__ */ u({
     disabledMinutes: {},
     disabledSeconds: {},
     valueFormat: {},
-    emptyText: { default: "--" },
     value: {},
     defaultValue: {},
     "onUpdate:value": {},

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

@@ -1,18 +1,18 @@
-import { defineComponent as Z, 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 w, mergeProps as ne, createSlots as ae, renderSlot as re, normalizeProps as le, guardReactiveProps as ue } from "vue";
+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 T } from "@aplus-frontend/utils";
+import { getTimeFormatToZone as M } from "@aplus-frontend/utils";
 import d from "dayjs";
-import { isNil as M, omit as R, isString as c, isFunction as me } from "lodash-unified";
+import { isNil as R, omit as A, isString as c, isFunction as me } from "lodash-unified";
 import "../../hooks/index.mjs";
 import { omitUndefined as ce } from "../../utils/index.mjs";
-import { ApFieldDatePresetFormats as ye, PRESET_FORMAT_MAP as A, PRESET_FORMAT_PICK_MAP as ve, PRESET_FORMAT_TIME_MAP as he } from "../date/constant.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__ */ Z({
+const Ee = /* @__PURE__ */ $({
   name: "ApFieldDateRange",
   __name: "index",
   props: {
@@ -21,6 +21,9 @@ const Ee = /* @__PURE__ */ Z({
     },
     class: {},
     style: {},
+    emptyText: {
+      default: "--"
+    },
     id: {},
     defaultPickerValue: {},
     placeholder: {},
@@ -142,9 +145,6 @@ const Ee = /* @__PURE__ */ Z({
     disabledMinutes: {},
     disabledSeconds: {},
     valueFormat: {},
-    emptyText: {
-      default: "--"
-    },
     value: {},
     defaultValue: {},
     "onUpdate:value": {},
@@ -162,13 +162,13 @@ const Ee = /* @__PURE__ */ Z({
   },
   emits: ["update:value"],
   setup(F, {
-    expose: _,
-    emit: x
+    expose: x,
+    emit: z
   }) {
-    const o = F, z = x, N = q(), B = J(), i = s(() => ye.indexOf(o.format) > -1), y = s(() => i.value ? A[o.format] : o.format), {
+    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: b
-    } = Pe(o, z), E = s(() => o.shownFormat ? o.shownFormat : i.value ? A[o.format] : o.format), V = Se("DateRange", o), {
+      updateValue: w
+    } = Pe(o, N), E = s(() => o.shownFormat ? o.shownFormat : i.value ? _[o.format] : o.format), V = Se("DateRange", o), {
       currentTimezone: l
     } = ke(o), {
       presets: j,
@@ -178,14 +178,14 @@ const Ee = /* @__PURE__ */ Z({
       timezone: l
     }), f = (e, a, n = !0) => ge(l.value)(e, a, n), h = s(() => {
       const e = t(v);
-      if (M(e) || !e?.length)
+      if (R(e) || !e?.length)
         return e;
-      const a = l.value ? T(t(v)[0], l.value) : t(v)?.[0], n = o.timezone ? T(t(v)[1], l.value) : t(v)?.[1];
+      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];
       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] : {};
       return {
-        ...ce(R(o, ["value", "onUpdate:value", "onChange", "onOk", "format", "mode", "presets"])),
+        ...ce(A(o, ["value", "onUpdate:value", "onChange", "onOk", "format", "mode", "presets"])),
         placeholder: t(V),
         presets: t(j),
         ...e
@@ -193,43 +193,43 @@ const Ee = /* @__PURE__ */ Z({
     });
     function K(e) {
       if (!e) {
-        b(e);
+        w(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;
-      b([f(a, r), f(n, r, !1)]);
+      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]);
     }
-    function $(e) {
+    function G(e) {
       e && I(), o.onOpenChange?.(e);
     }
-    function G(e, a) {
-      if (M(e)) {
+    function L(e, a) {
+      if (R(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, Y = e[1] ? f(r, p, !1) : null;
-      o.onChange?.([O, Y], a);
+      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 L = s(() => {
+    const Y = s(() => {
       const e = o.readModeSeparator;
       if (e)
         return Q(e) || me(e) ? o.readModeSeparator : D(m, null, [o.readModeSeparator]);
-      const a = N.readModeSeparator?.();
+      const a = b.readModeSeparator?.();
       return a ? D(m, null, [a]) : de;
     });
-    return _({
+    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(L.value))), S(" " + C(h.value[1]?.format(y.value)), 1)], 64)) : (u(), g(m, {
+    }, [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), {
       key: 1,
@@ -245,7 +245,7 @@ const Ee = /* @__PURE__ */ Z({
         "default-active-first-option": "",
         "dropdown-match-select-width": !1
       }, {
-        default: P(() => [(u(!0), g(m, null, w(o.timezone, (n) => (u(), k(t(fe), {
+        default: P(() => [(u(!0), g(m, null, T(o.timezone, (n) => (u(), k(t(fe), {
           key: n?.value,
           value: n?.value
         }, {
@@ -261,12 +261,12 @@ const Ee = /* @__PURE__ */ Z({
         picker: U.value,
         format: E.value,
         "onUpdate:value": K,
-        onChange: G,
+        onChange: L,
         onOk: W,
-        onOpenChange: $
+        onOpenChange: G
       }), ae({
         _: 2
-      }, [w(t(R)(e.$slots, "readModeSeparator"), (n, r) => ({
+      }, [T(t(A)(b, "readModeSeparator"), (n, r) => ({
         name: r,
         fn: P((p) => [re(e.$slots, r, le(ue(p || {})))])
       }))]), 1040, ["value", "picker", "format"])]),

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

@@ -11,6 +11,7 @@ const M = /* @__PURE__ */ v({
     mode: {},
     class: {},
     style: {},
+    emptyText: { default: "--" },
     id: {},
     defaultPickerValue: {},
     placeholder: {},
@@ -76,7 +77,6 @@ const M = /* @__PURE__ */ v({
     disabledMinutes: {},
     disabledSeconds: {},
     valueFormat: {},
-    emptyText: { default: "--" },
     value: {},
     defaultValue: {},
     "onUpdate:value": {},