@aplus-frontend/ui 7.17.4 → 7.18.1

package/es/src/ag-grid/hooks/use-editable-form-item-api.mjs

@@ -94,7 +94,7 @@ const W = (l, c, n, w) => {
           void 0,
           !0,
           (e, u) => {
-            e[u] = o;
+            e[u] = [...o];
           }
         );
       }

package/es/src/ag-grid/index.vue.mjs

@@ -494,7 +494,7 @@ const ur = /* @__PURE__ */ ho({
       () => o.dataSource,
       (e) => {
         A(() => {
-          Ge(e);
+          Ge(e, !0);
         });
       },
       { immediate: !0, deep: !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: {},