@aplus-frontend/ui 0.5.14 → 0.5.16

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

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

package/es/src/ap-field/interface.d.ts

@@ -41,6 +41,10 @@ export type ApFieldDateProps = BasicApFieldProps<Omit<DatePickerProps, 'mode' |
     onChange?: (ts: number | null, dayStr: string) => void;
     onOk?: (ts: number | null) => void;
     format?: LiteralUnion<ApFormatPresetType, string>;
+    /**
+     * 只用于显示的自定义格式化
+     */
+    shownFormat?: DatePickerProps['format'];
     /**
      * 格式化时间时是否以`format`的开始
      * @default true
@@ -99,6 +103,10 @@ export type ApFieldDateRangeProps = BasicApFieldProps<Omit<RangePickerProps, 'va
     onChange?: (ts: RangeValue<number> | null, dayStr: [string, string]) => void;
     onOk?: (ts: RangeValue<number>) => void;
     format?: LiteralUnion<ApFormatPresetType, string>;
+    /**
+     * 只用于显示的format
+     */
+    shownFormat?: RangePickerProps['format'];
     /**
      * 指定时区，指定后value会变为特定时区下的timestamp
      */

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

@@ -166,7 +166,8 @@ const ie = { key: 0 }, he = /* @__PURE__ */ z({
         showArrow: !1,
         defaultActiveFirstOption: !1,
         onSearch: V,
-        notFoundContent: r.value ? void 0 : null
+        notFoundContent: r.value ? void 0 : null,
+        filterOption: !1
       } : {
         showArrow: !0,
         filterOption: te(e == null ? void 0 : e.filterOption) ? x : e == null ? void 0 : e.filterOption

package/es/src/index.d.ts

@@ -24,3 +24,4 @@ export * from './full-screen';
 export * from './resize-observer';
 export * from './ap-grid';
 export * from './text';
+export * from './mask';