@aplus-frontend/ui 7.14.4 → 7.15.0

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

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