@aplus-frontend/ui 7.12.3 → 7.12.4

package/es/src/business/ap-upload/components/MultipleFile.vue2.mjs

@@ -1,42 +1,42 @@
-import { defineComponent as Z, inject as a, ref as ee, watch as oe, nextTick as te, createElementBlock as C, openBlock as x, normalizeClass as ae, unref as n, createVNode as y, withCtx as N, createElementVNode as P, createTextVNode as se, toDisplayString as L, withModifiers as ne, createCommentVNode as re, createBlock as ie, resolveDynamicComponent as le } from "vue";
-import { UploadOutlined as ce } from "@ant-design/icons-vue";
-import { message as p, Upload as ue, Button as pe } from "@aplus-frontend/antdv";
-import { IconApAdLineDownload as me } from "@aplus-frontend/icon";
-import { ApFilePreview as de } from "../../ap-file-preview/index.mjs";
+import { defineComponent as oe, inject as a, ref as te, watch as ae, nextTick as se, createElementBlock as C, openBlock as x, normalizeClass as ne, unref as s, createVNode as y, withCtx as N, createElementVNode as M, createTextVNode as re, toDisplayString as D, withModifiers as ie, createCommentVNode as le, createBlock as ce, resolveDynamicComponent as ue } from "vue";
+import { UploadOutlined as pe } from "@ant-design/icons-vue";
+import { message as p, Upload as de, Button as me } from "@aplus-frontend/antdv";
+import { IconApAdLineDownload as fe } from "@aplus-frontend/icon";
+import { ApFilePreview as ge } from "../../ap-file-preview/index.mjs";
 import "../../../config-provider/index.mjs";
-import { useOss as fe, getOssInstance as S } from "../hooks/useOss.mjs";
-import ge from "../style/index.mjs";
-import { fileMatchesAccept as ve, getAcceptText as we } from "../utils/accept.mjs";
-import { getPath as he, getName as xe, getReturnData as D } from "../utils/returnData.mjs";
-import { useGlobalConfig as ye } from "../../../config-provider/hooks/use-global-config.mjs";
-import { useLocale as ke } from "../../../config-provider/hooks/use-locale.mjs";
-import { useNamespace as be } from "../../../config-provider/hooks/use-namespace.mjs";
-const Ce = { class: "multiple-file-context" }, Ne = { key: 0 }, Ue = { key: 1 }, Oe = /* @__PURE__ */ Z({
+import { useOss as we, getOssInstance as L } from "../hooks/useOss.mjs";
+import he from "../style/index.mjs";
+import { fileMatchesAccept as ve, getAcceptText as xe } from "../utils/accept.mjs";
+import { getPath as ye, getName as ke, getReturnData as S } from "../utils/returnData.mjs";
+import { useGlobalConfig as be } from "../../../config-provider/hooks/use-global-config.mjs";
+import { useLocale as Ce } from "../../../config-provider/hooks/use-locale.mjs";
+import { useNamespace as Ne } from "../../../config-provider/hooks/use-namespace.mjs";
+const Ue = { class: "multiple-file-context" }, Ee = { key: 0 }, Fe = { key: 1 }, qe = /* @__PURE__ */ oe({
   __name: "MultipleFile",
-  setup(Ee, { expose: z }) {
-    const U = ye(
+  setup(Ae, { expose: z }) {
+    const U = be(
       "downloadCenterTriggerConfig"
-    ), { t: i } = ke(), { b: B } = be("ap-upload-multiple-file"), O = ge("ap-upload"), { put: V } = fe(), q = a("dirName"), j = a("baseDirName"), k = a("accept") || "*", E = a("maxSize") ?? 500, $ = a("title") || i("ap.apUpload.uploadFile"), f = a("subTitle"), l = a("maxCount") ?? 10, m = a("uploadingCount"), F = a("beforeUpload"), A = a("customRequest"), g = a("getOssAccess"), G = a("maxSizeErrorMsg"), W = a("maxCountErrorMsg"), H = a("acceptErrorMsg"), _ = a("onRemove"), b = a("showUploadErrorMsg"), T = a("bucket"), r = a("value"), c = [], v = a("needName"), d = ee(null);
-    oe(
+    ), { t: i } = Ce(), { b: B } = Ne("ap-upload-multiple-file"), O = he("ap-upload"), { put: V } = we(), q = a("dirName"), j = a("baseDirName"), k = a("accept") || "*", E = a("maxSize") ?? 500, $ = a("title") || i("ap.apUpload.uploadFile"), f = a("subTitle"), l = a("maxCount") ?? 10, d = a("uploadingCount"), F = a("beforeUpload"), A = a("customRequest"), g = a("getOssAccess"), G = a("maxSizeErrorMsg"), W = a("maxCountErrorMsg"), H = a("acceptErrorMsg"), _ = a("onRemove"), b = a("showUploadErrorMsg"), P = a("bucket"), J = a("showDownload") ?? !0, K = a("showPreview") ?? !0, r = a("value"), c = [], w = a("needName"), m = te(null);
+    ae(
       () => r?.value,
       function(e) {
-        !d?.value?.fileList?.length && e && I(e);
+        !m?.value?.fileList?.length && e && T(e);
       },
       { immediate: !0 }
     );
-    function I(e) {
+    function T(e) {
       if (!e) {
-        u = [], d.value.fileList = [], r.value = void 0, c.splice(0, c.length);
+        u = [], m.value.fileList = [], r.value = void 0, c.splice(0, c.length);
         return;
       }
-      te(() => {
+      se(() => {
         const o = e.map((t) => {
-          const s = he(v, t), M = xe(v, t), h = new File(
+          const n = ye(w, t), R = ke(w, t), v = new File(
             [t],
-            M,
+            R,
             {}
           );
-          return h.response = s, h.uid = s, h.status = "done", h;
+          return v.response = n, v.uid = n, v.status = "done", v;
         });
         if (l && o.length > l) {
           p.warning(
@@ -51,44 +51,44 @@ const Ce = { class: "multiple-file-context" }, Ne = { key: 0 }, Ue = { key: 1 },
             uid: t.uid,
             path: t.response
           });
-        }), d.value.fileList = o, r.value = e;
+        }), m.value.fileList = o, r.value = e;
       });
     }
-    z({ setValue: I });
-    let u = [], R;
-    function w(e) {
+    z({ setValue: T });
+    let u = [], I;
+    function h(e) {
       setTimeout(() => {
-        const o = d.value.fileList.findIndex(
+        const o = m.value.fileList.findIndex(
           (t) => t.uid === e.uid
         );
-        o >= 0 && d.value.fileList.splice(o, 1);
+        o >= 0 && m.value.fileList.splice(o, 1);
       });
     }
-    async function J(e) {
+    async function Q(e) {
       if (l && l > 1 && u.length >= l)
-        return clearTimeout(R), R = setTimeout(() => {
+        return clearTimeout(I), I = setTimeout(() => {
           p.warning(
             W || i("ap.apUpload.maxUploadFiles", {
               maxCount: l
             })
           );
-        }), w(e), !1;
+        }), h(e), !1;
       if (e.size > E * 1024 * 1024)
         return p.warning(
           G || i("ap.apUpload.maxUploadFileSize", {
             maxSize: E
           })
-        ), w(e), !1;
+        ), h(e), !1;
       if (!ve(e, k))
         return p.warning(
           H || i("ap.apUpload.fileFormatNotSupported")
-        ), w(e), !1;
+        ), h(e), !1;
       if (typeof F == "function" && await F(e) === !1)
-        return w(e), !1;
+        return h(e), !1;
       l && l === 1 && (u = [], r.value = void 0), u.push(e);
     }
-    async function K(e) {
-      if (m.value++, typeof A == "function") {
+    async function X(e) {
+      if (d.value++, typeof A == "function") {
         A({
           onProgress: (o) => {
             setTimeout(() => {
@@ -103,47 +103,47 @@ const Ce = { class: "multiple-file-context" }, Ne = { key: 0 }, Ue = { key: 1 },
                 name: o,
                 message: o
               });
-            }), m.value--;
+            }), d.value--;
           },
           onSuccess: (o) => {
             setTimeout(() => {
               e.onSuccess(o);
             }), r.value = [
               ...r.value || [],
-              D(v, o, e.file.name)
+              S(w, o, e.file.name)
             ], c.push({
               uid: e.file.uid,
               path: o
-            }), m.value--;
+            }), d.value--;
           },
           file: e.file
         });
         return;
       }
       try {
-        const o = await (T ? g(T) : g()), t = await S(async () => o);
+        const o = await (P ? g(P) : g()), t = await L(async () => o);
         e.file.oss = t, V({
           file: e.file,
           dirName: q,
           oss: t,
-          successCallBack(s) {
-            e.onSuccess(s), r.value = [
+          successCallBack(n) {
+            e.onSuccess(n), r.value = [
               ...r.value || [],
-              D(v, s, e.file.name)
+              S(w, n, e.file.name)
             ], c.push({
               uid: e.file.uid,
-              path: s
-            }), m.value--;
+              path: n
+            }), d.value--;
           },
-          errorCallBack(s) {
-            b && p.warning(s || i("ap.apUpload.networkAnomaly")), e.onError({
-              name: s,
-              message: s
-            }), m.value--;
+          errorCallBack(n) {
+            b && p.warning(n || i("ap.apUpload.networkAnomaly")), e.onError({
+              name: n,
+              message: n
+            }), d.value--;
           },
-          progressCallBack(s) {
+          progressCallBack(n) {
             e.onProgress({
-              percent: s
+              percent: n
             });
           },
           baseDirName: j,
@@ -155,13 +155,13 @@ const Ce = { class: "multiple-file-context" }, Ne = { key: 0 }, Ue = { key: 1 },
         ), e.onError({
           name: o?.message || i("ap.apUpload.networkAnomaly"),
           message: o?.message || i("ap.apUpload.networkAnomaly")
-        }), m.value--;
+        }), d.value--;
       }
     }
-    function Q(e) {
+    function Y(e) {
       if (_ && _?.(e), e.response) {
         if (Array.isArray(r.value)) {
-          const t = c.findIndex((s) => s.uid === e.uid);
+          const t = c.findIndex((n) => n.uid === e.uid);
           t >= 0 && (r?.value.splice(t, 1), c.splice(t, 1)), r.value.length === 0 && (r.value = void 0);
         }
       } else
@@ -171,7 +171,7 @@ const Ce = { class: "multiple-file-context" }, Ne = { key: 0 }, Ue = { key: 1 },
       );
       return u.splice(o, 1), Promise.resolve(!0);
     }
-    const X = async (e) => {
+    const Z = async (e) => {
       if (U.value?.trigger) {
         let o = [e].map((t) => ({
           objectName: t.response,
@@ -179,78 +179,78 @@ const Ce = { class: "multiple-file-context" }, Ne = { key: 0 }, Ue = { key: 1 },
         }));
         U.value?.trigger?.(o);
       } else {
-        const o = e.response?.match(/^([^:]+):(.*)$/), t = o?.[1], s = o?.[2] ?? e.response;
-        (await S(
+        const o = e.response?.match(/^([^:]+):(.*)$/), t = o?.[1], n = o?.[2] ?? e.response;
+        (await L(
           () => t ? g?.(t) : g?.()
         )).downloadFile([
           {
-            path: s,
+            path: n,
             fileName: e.name
           }
         ]);
       }
-    }, Y = (e) => {
-      de.createFilePreviewModal({
+    }, ee = (e) => {
+      ge.createFilePreviewModal({
         src: e.response,
         fileName: e.name
       });
     };
     return (e, o) => (x(), C("div", {
-      class: ae({
-        [n(B)()]: !0,
-        [n(O) ?? ""]: !0
+      class: ne({
+        [s(B)()]: !0,
+        [s(O) ?? ""]: !0
       })
     }, [
-      y(n(ue), {
+      y(s(de), {
         ref_key: "uploadRef",
-        ref: d,
-        accept: n(k),
+        ref: m,
+        accept: s(k),
         multiple: "",
-        "max-count": n(l),
+        "max-count": s(l),
         progress: {
           strokeWidth: 3,
           showInfo: !1,
           strokeColor: "#0070FF"
         },
-        "before-upload": J,
-        "custom-request": K,
+        "before-upload": Q,
+        "custom-request": X,
         "show-upload-list": {
-          showDownloadIcon: !0,
+          showDownloadIcon: s(J),
           showRemoveIcon: !0,
-          showPreviewIcon: !0
+          showPreviewIcon: s(K)
         },
-        onPreview: Y,
-        onRemove: Q,
-        onDownload: X
+        onPreview: ee,
+        onRemove: Y,
+        onDownload: Z
       }, {
         downloadIcon: N(() => [
-          y(n(me), { class: "anticon anticon-vertical-align-bottom" })
+          y(s(fe), { class: "anticon anticon-vertical-align-bottom" })
         ]),
         default: N(() => [
-          P("div", Ce, [
-            y(n(pe), { class: "file-btn" }, {
+          M("div", Ue, [
+            y(s(me), { class: "file-btn" }, {
               default: N(() => [
-                y(n(ce)),
-                se(" " + L(n($)), 1)
+                y(s(pe)),
+                re(" " + D(s($)), 1)
               ]),
               _: 1
             }),
-            P("div", {
+            M("div", {
               class: "sub-title",
-              onClick: o[0] || (o[0] = ne(() => {
+              onClick: o[0] || (o[0] = ie(() => {
               }, ["stop"]))
             }, [
-              typeof n(f) == "string" ? (x(), C("div", Ne, L(n(f) || `${n(i)("ap.apUpload.supportExtension")}：${n(we)(n(k))}`), 1)) : n(f) ? (x(), C("div", Ue, [
-                (x(), ie(le(n(f))))
-              ])) : re("", !0)
+              typeof s(f) == "string" ? (x(), C("div", Ee, D(s(f) || `${s(i)("ap.apUpload.supportExtension")}：${s(xe)(s(k))}`), 1)) : s(f) ? (x(), C("div", Fe, [
+                (x(), ce(ue(s(f))))
+              ])) : le("", !0)
             ])
           ])
         ]),
         _: 1
-      }, 8, ["accept", "max-count"])
+      }, 8, ["accept", "max-count", "show-upload-list"])
     ], 2));
   }
 });
 export {
-  Oe as default
+  qe as default
 };

package/es/src/business/batch-input-group/index.vue.mjs

@@ -1,22 +1,22 @@
-import { defineComponent as $, ref as g, computed as r, unref as t, createElementBlock as K, openBlock as B, normalizeStyle as C, normalizeClass as b, createVNode as m, withCtx as A, createBlock as M, createCommentVNode as D, mergeProps as G } from "vue";
-import { Form as q, Space as H } from "@aplus-frontend/antdv";
-import { isNumber as Y, omit as J } from "lodash-unified";
+import { defineComponent as z, ref as g, computed as u, unref as t, createElementBlock as T, openBlock as B, normalizeClass as C, createVNode as d, withCtx as b, createBlock as _, createCommentVNode as K, normalizeStyle as M, mergeProps as $ } from "vue";
+import { Form as D, Space as G } from "@aplus-frontend/antdv";
+import { omit as q } from "lodash-unified";
 import "../../ap-field/index.mjs";
-import { useDefaultPlaceholder as Q } from "../../ap-field/hooks/use-default-placeholder.mjs";
+import { useDefaultPlaceholder as H } from "../../ap-field/hooks/use-default-placeholder.mjs";
 import "../../config-provider/index.mjs";
 import "../../hooks/index.mjs";
 import "../../utils/index.mjs";
 import "./popover-input/index.vue.mjs";
-import W from "./style/index.mjs";
-import { splitValue as X } from "./utils.mjs";
-import { useControllableValue as Z } from "../../hooks/useControllableValue.mjs";
-import { useLocale as ee } from "../../config-provider/hooks/use-locale.mjs";
-import { useNamespace as te } from "../../config-provider/hooks/use-namespace.mjs";
-import { isDef as oe } from "../../utils/is.mjs";
-import ne from "../../ap-field/select/index.vue.mjs";
-import { ApFieldText as le } from "../../ap-field/text/index.mjs";
-import ae from "./popover-input/index.vue2.mjs";
-const d = "GROUP_SEARCH_ALL", Ve = /* @__PURE__ */ $({
+import Y from "./style/index.mjs";
+import { splitValue as J } from "./utils.mjs";
+import { useControllableValue as Q } from "../../hooks/useControllableValue.mjs";
+import { useLocale as W } from "../../config-provider/hooks/use-locale.mjs";
+import { useNamespace as X } from "../../config-provider/hooks/use-namespace.mjs";
+import { isDef as Z } from "../../utils/is.mjs";
+import ee from "../../ap-field/select/index.vue.mjs";
+import { ApFieldText as te } from "../../ap-field/text/index.mjs";
+import oe from "./popover-input/index.vue2.mjs";
+const c = "GROUP_SEARCH_ALL", be = /* @__PURE__ */ z({
   name: "BatchInputGroup",
   __name: "index",
   props: {
@@ -28,6 +28,7 @@ const d = "GROUP_SEARCH_ALL", Ve = /* @__PURE__ */ $({
     "onUpdate:value": {},
     popoverPlacement: { default: "left" },
     maxNum: { default: 200 },
+    getPopupContainer: {},
     mode: { default: "edit" },
     class: {},
     variant: {},
@@ -77,91 +78,84 @@ const d = "GROUP_SEARCH_ALL", Ve = /* @__PURE__ */ $({
     beforeInput: {}
   },
   emits: ["update:value"],
-  setup(x, { emit: V }) {
-    const o = x, I = Q("Text", o), S = V, { value: a, updateValue: u } = Z(
+  setup(A, { emit: I }) {
+    const o = A, V = H("Text", o), x = I, { value: a, updateValue: r } = Q(
       o,
-      S
-    ), i = g(), f = g(), { t: k } = ee(), { b: F, cssVar: U } = te("batch-input-group"), v = W("batch-input-group"), p = q.useInjectFormItemContext(), w = r(() => {
-      const e = o.popoverPlacement;
-      return {
-        "popover-left": Y(e) ? `${e}px` : e === "left" ? "0px" : "unset",
-        "popover-right": e === "right" ? "0px" : "unset"
-      };
-    }), P = r(() => o.options ? o.options.length > 1 && o.hasAll ? [
-      { value: d, label: k("ap.common.all") },
+      x
+    ), s = g(), f = g(), { t: S } = W(), { b: k } = X("batch-input-group"), v = Y("batch-input-group"), p = D.useInjectFormItemContext(), F = u(() => o.options ? o.options.length > 1 && o.hasAll ? [
+      { value: c, label: S("ap.common.all") },
       ...o.options
-    ] : o.options : []), R = r(() => o.options ? o.options.map((e) => e.value) : []), j = r(() => t(a)?.value?.length ? t(a).value.join(",") : ""), N = r(() => t(a)?.value?.length ? t(a).value.join(`
-`) : ""), E = r(() => {
+    ] : o.options : []), U = u(() => o.options ? o.options.map((e) => e.value) : []), w = u(() => t(a)?.value?.length ? t(a).value.join(",") : ""), P = u(() => t(a)?.value?.length ? t(a).value.join(`
+`) : ""), R = u(() => {
       const e = t(a)?.key;
       if (e?.length)
-        return e.length === 1 || !o.hasAll ? e[0] : d;
-    }), L = r(() => {
+        return e.length === 1 || !o.hasAll ? e[0] : c;
+    }), j = u(() => {
       const e = t(a)?.key;
-      return !e || e?.length <= 1 || o.hasAll === !1 ? t(I) : (o.options || []).filter((n) => e.includes(n.value)).map((n) => n.label).join("/");
+      return !e || e?.length <= 1 || o.hasAll === !1 ? t(V) : (o.options || []).filter((n) => e.includes(n.value)).map((n) => n.label).join("/");
     });
-    function O(e) {
-      const l = t(a) || {}, n = e === d ? t(R) : oe(e) ? [e] : [];
-      u({
+    function E(e) {
+      const l = t(a) || {}, n = e === c ? t(U) : Z(e) ? [e] : [];
+      r({
         ...l,
         key: n
       }), p.onFieldChange();
     }
-    function _(e) {
+    function L(e) {
       const l = t(a) || {}, n = e.target.value || "";
-      let c = X(n, ",", ",", o.maxNum);
-      if (n !== c) {
+      let m = J(n, ",", ",", o.maxNum);
+      if (n !== m) {
         const h = f.value?.$el?.querySelector("input");
-        h && (h.value = c);
+        h && (h.value = m);
       }
-      let s = c.split(",");
-      s.length === 1 && s[0] === "" && (s = []), u({
+      let i = m.split(",");
+      i.length === 1 && i[0] === "" && (i = []), r({
         ...l,
-        value: s
+        value: i
       }), p.onFieldChange();
     }
-    function z(e) {
+    function N(e) {
       const l = t(a) || {};
       let n = e.split(/,|\n/);
-      u({
+      r({
         ...l,
         value: n
       }), p.onFieldChange();
     }
     function y() {
       const e = t(a) || {}, l = e.value?.filter(Boolean);
-      u({
+      r({
         ...e,
         value: l
       }), p.onFieldChange();
     }
-    function T(e) {
+    function O(e) {
       y(), o.onBlur?.(e);
     }
-    return (e, l) => (B(), K("div", {
+    return (e, l) => (B(), T("div", {
       ref_key: "containerRef",
-      ref: i,
-      class: b([t(F)(), t(v)]),
-      style: C(t(U)(w.value)),
+      ref: s,
+      class: C([t(k)(), t(v)]),
       onFocus: l[0] || (l[0] = //@ts-ignore
       (...n) => e.onFocus && e.onFocus(...n)),
       onBlur: l[1] || (l[1] = //@ts-ignore
       (...n) => e.onBlur && e.onBlur(...n))
     }, [
-      m(t(H).Compact, { block: "" }, {
-        default: A(() => [
-          e.options?.length ? (B(), M(t(ne), {
+      d(t(G).Compact, { block: "" }, {
+        default: b(() => [
+          e.options?.length ? (B(), _(t(ee), {
             key: 0,
-            style: C(e.style),
-            options: P.value,
-            value: E.value,
+            style: M(e.style),
+            options: F.value,
+            value: R.value,
             "allow-clear": !1,
             "dropdown-match-select-width": !1,
             disabled: e.disabled,
-            "get-popup-container": () => i.value,
-            "onUpdate:value": O
-          }, null, 8, ["style", "options", "value", "disabled", "get-popup-container"])) : D("", !0),
-          m(t(le), G(
-            t(J)(o, [
+            "get-popup-container": () => s.value,
+            "onUpdate:value": E
+          }, null, 8, ["style", "options", "value", "disabled", "get-popup-container"])) : K("", !0),
+          d(t(te), $(
+            t(q)(o, [
               "style",
               "value",
               "onUpdate:value",
@@ -174,32 +168,33 @@ const d = "GROUP_SEARCH_ALL", Ve = /* @__PURE__ */ $({
               ref_key: "inputRef",
               ref: f,
               style: e.inputStyle,
-              value: j.value,
-              placeholder: L.value,
-              onInput: _,
-              onBlur: T
+              value: w.value,
+              placeholder: j.value,
+              onInput: L,
+              onBlur: O
             }
           ), {
-            suffix: A(() => [
-              m(ae, {
-                _parent: i.value,
-                value: N.value,
+            suffix: b(() => [
+              d(oe, {
+                _parent: s.value,
+                value: P.value,
                 disabled: e.disabled,
                 placement: o.popoverPlacement,
                 "max-num": e.maxNum,
-                class: b(t(v)),
-                "onUpdate:value": z,
+                class: C(t(v)),
+                "get-popup-container": e.getPopupContainer,
+                "onUpdate:value": N,
                 onClose: y
-              }, null, 8, ["_parent", "value", "disabled", "placement", "max-num", "class"])
+              }, null, 8, ["_parent", "value", "disabled", "placement", "max-num", "class", "get-popup-container"])
             ]),
             _: 1
           }, 16, ["style", "value", "placeholder"])
         ]),
         _: 1
       })
-    ], 38));
+    ], 34));
   }
 });
 export {
-  Ve as default
+  be as default
 };

package/es/src/business/batch-input-group/interface.d.ts

@@ -36,12 +36,15 @@ export interface BatchInputGroupProps extends Omit<ApFieldTextProps, 'value' | '
      * 最大输入条数，默认为200
      */
     maxNum?: number;
+    getPopupContainer?: BatchInputGroupPopoverInputProps['getPopupContainer'];
 }
 export interface BatchInputGroupPopoverInputProps extends Pick<ApFieldTextAreaProps, 'value' | 'onUpdate:value'> {
     _parent?: HTMLElement;
     onClose?: () => void;
     disabled?: boolean;
     maxNum?: number;
+    getPopupContainer?: (triggerNode?: HTMLElement) => HTMLElement;
+    placement?: BatchInputGroupProps['popoverPlacement'];
 }
 export type ApFormItemBatchInputProps = ApFormItemProps & {
     field?: Omit<BatchInputGroupProps, 'value' | 'onUpdate:value'>;