@cedar-design/ui-vue 1.1.0 → 1.1.1

package/lib/cedar.cjs.js

@@ -2435,6 +2435,7 @@ function useSelectionSession(options) {
     if (options.blocked() || settled.value || pending.value || !options.open.value || options.valid?.(draft.value) === false) {
       return false;
     }
+    error.value = "";
     const next = options.clone(draft.value);
     const run = ++epoch;
     const finish = (allowed) => {
@@ -3458,6 +3459,12 @@ const waves = /* @__PURE__ */ new WeakMap();
 function ownedRipples(element2) {
   return Array.from(element2.children).filter((child) => waves.has(child));
 }
+function stopObserverIfIdle(element2, state) {
+  if (!state.tasker && !ownedRipples(element2).length) {
+    state.migrationObserver?.disconnect();
+    state.migrationObserver = void 0;
+  }
+}
 function transitionTime(element2, property) {
   const style = element2.ownerDocument.defaultView?.getComputedStyle(element2);
   if (!style) {
@@ -3497,6 +3504,8 @@ function clearTasks(element2) {
   if (!state) {
     return;
   }
+  state.migrationObserver?.disconnect();
+  state.migrationObserver = void 0;
   state.timers.forEach((timer) => window.clearTimeout(timer));
   state.timers.clear();
   state.tasker = null;
@@ -3554,18 +3563,25 @@ function createRipple(event) {
   if (!_ripple) {
     return;
   }
+  syncOwnerDocument(this);
   _ripple.removeRipple();
   if (_ripple.disabled || _ripple.tasker || !context$1.enableRipple) {
     return;
   }
+  watchOwnerDuringGesture(this, _ripple);
   const task = () => {
     const current = () => this._ripple === _ripple && !_ripple.disabled && context$1.enableRipple;
     if (!current()) {
+      if (this._ripple === _ripple) {
+        _ripple.tasker = null;
+        stopObserverIfIdle(this, _ripple);
+      }
       return;
     }
     _ripple.tasker = null;
     const { x, y, centerX, centerY, size } = computeRippleStyles(this, event);
     if (!current()) {
+      if (this._ripple === _ripple) clearTasks(this);
       return;
     }
     const ripple = this.ownerDocument.createElement("div");
@@ -3578,6 +3594,7 @@ function createRipple(event) {
     ripple.dataset.createdAt = String(performance.now());
     setStyles(this);
     if (!current()) {
+      if (this._ripple === _ripple) clearTasks(this);
       return;
     }
     this.appendChild(ripple);
@@ -3585,6 +3602,7 @@ function createRipple(event) {
     waves.set(ripple, wave);
     const expansion = transitionTime(ripple, "transform");
     if (!current() || waves.get(ripple) !== wave) {
+      if (!current() && this._ripple === _ripple) clearTasks(this);
       return;
     }
     wave.expandUntil += expansion;
@@ -3593,10 +3611,12 @@ function createRipple(event) {
       () => {
         const wave2 = waves.get(ripple);
         if (!wave2 || !current()) {
+          if (!current() && this._ripple === _ripple) clearTasks(this);
           return;
         }
         const expansion2 = transitionTime(ripple, "transform");
         if (!current() || waves.get(ripple) !== wave2) {
+          if (!current() && this._ripple === _ripple) clearTasks(this);
           return;
         }
         wave2.expandUntil = performance.now() + expansion2;
@@ -3616,6 +3636,7 @@ function removeRipple() {
   const task = () => {
     const ripples = ownedRipples(this);
     if (!ripples.length) {
+      stopObserverIfIdle(this, _ripple);
       return;
     }
     const lastRipple = ripples[ripples.length - 1];
@@ -3640,7 +3661,10 @@ function removeRipple() {
         () => {
           waves.delete(lastRipple);
           lastRipple.remove();
-          if (!ownedRipples(this).length) restoreStyles(this);
+          if (!ownedRipples(this).length) {
+            restoreStyles(this);
+            stopObserverIfIdle(this, _ripple);
+          }
         },
         Math.max(MINIMUM_REMOVAL_DELAY, transitionTime(lastRipple, "opacity"))
       );
@@ -3659,6 +3683,7 @@ function forbidRippleTask() {
     _ripple.timers.delete(_ripple.tasker);
   }
   _ripple.tasker = null;
+  stopObserverIfIdle(this, _ripple);
 }
 function createTouchRipple(event) {
   if (this._ripple) {
@@ -3694,6 +3719,9 @@ function removeKeyboardRipple(event) {
 }
 const releaseGroups = /* @__PURE__ */ new WeakMap();
 const releaseEvents = ["touchend", "mouseup", "touchcancel", "dragend"];
+function releaseOnMovedHost() {
+  if (this._ripple && this._ripple.document !== this.ownerDocument) syncOwnerDocument(this);
+}
 function bindListeners(el) {
   const state = el._ripple;
   if (!state || state.listening || state.disabled) return;
@@ -3701,6 +3729,9 @@ function bindListeners(el) {
   el.addEventListener("touchstart", createTouchRipple, { passive: true });
   el.addEventListener("mousedown", createMouseRipple, { passive: true });
   el.addEventListener("touchmove", forbidRippleTask, { passive: true });
+  el.addEventListener("mouseup", releaseOnMovedHost);
+  el.addEventListener("touchend", releaseOnMovedHost);
+  el.addEventListener("touchcancel", releaseOnMovedHost);
   el.addEventListener("dragstart", removeRipple, { passive: true });
   el.addEventListener("keydown", createKeyboardRipple);
   el.addEventListener("keyup", removeKeyboardRipple);
@@ -3732,6 +3763,9 @@ function unbindListeners(el) {
   el.removeEventListener("touchstart", createTouchRipple);
   el.removeEventListener("mousedown", createMouseRipple);
   el.removeEventListener("touchmove", forbidRippleTask);
+  el.removeEventListener("mouseup", releaseOnMovedHost);
+  el.removeEventListener("touchend", releaseOnMovedHost);
+  el.removeEventListener("touchcancel", releaseOnMovedHost);
   el.removeEventListener("dragstart", removeRipple);
   const group = releaseGroups.get(state.document);
   if (group && group.hosts.delete(el) && !group.hosts.size) {
@@ -3742,6 +3776,28 @@ function unbindListeners(el) {
     releaseGroups.delete(state.document);
   }
 }
+function syncOwnerDocument(el) {
+  const state = el._ripple;
+  if (!state || state.document === el.ownerDocument) return;
+  clearTasks(el);
+  unbindListeners(el);
+  state.document = el.ownerDocument;
+  bindListeners(el);
+}
+function watchOwnerDuringGesture(el, state) {
+  if (state.migrationObserver || typeof MutationObserver === "undefined") return;
+  let connected = el.isConnected;
+  const observer = new MutationObserver(() => {
+    if (el._ripple !== state) return;
+    if (state.document !== el.ownerDocument) syncOwnerDocument(el);
+    else if (connected && !el.isConnected) clearTasks(el);
+    else if (el.isConnected) connected = true;
+  });
+  const root = el.getRootNode();
+  observer.observe(root, { childList: true, subtree: true });
+  if (root !== state.document) observer.observe(state.document, { childList: true, subtree: true });
+  state.migrationObserver = observer;
+}
 function mounted(el, binding) {
   el._ripple = {
     document: el.ownerDocument,
@@ -3761,6 +3817,7 @@ function unmounted(el) {
   delete el._ripple;
 }
 function updated(el, binding) {
+  syncOwnerDocument(el);
   const newBinding = {
     color: binding.value?.color,
     disabled: binding.value?.disabled
@@ -4170,59 +4227,7 @@ const _sfc_main$35 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$34 = /* @__PURE__ */ vue.defineComponent({
-  ...{
-    name: createNamespace$1("button-group").name
-  },
-  __name: "ButtonGroup",
-  props: buttonGroupProps,
-  setup(__props, { expose: __expose }) {
-    const { n: n2, classes: classes2 } = createNamespace$1("button-group");
-    const props2 = __props;
-    const { bindButtons } = useButtons();
-    const defaultSize = useButtonDefaultSize();
-    const buttonGroupProvider = {
-      elevation: vue.computed(() => props2.elevation),
-      status: vue.computed(() => props2.status),
-      size: vue.computed(() => props2.size ?? defaultSize.value),
-      variant: vue.computed(() => props2.variant),
-      color: vue.computed(() => props2.color),
-      textColor: vue.computed(() => props2.textColor),
-      disabled: vue.computed(() => props2.disabled),
-      stacked: vue.computed(() => props2.stacked),
-      vertical: vue.computed(() => props2.vertical)
-    };
-    bindButtons(buttonGroupProvider);
-    __expose({
-      buttonGroupProvider
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        role: "group",
-        class: vue.normalizeClass(
-          vue.unref(classes2)(
-            vue.unref(n2)(),
-            vue.unref(n2)("$--box"),
-            vue.unref(n2)(`--variant-${_ctx.variant}`),
-            [_ctx.vertical, vue.unref(n2)("--vertical"), vue.unref(n2)("--horizontal")],
-            [_ctx.variant === "default" && !_ctx.disabled, vue.unref(formatElevation)(_ctx.elevation, 2)]
-          )
-        )
-      }, [
-        vue.renderSlot(_ctx.$slots, "default")
-      ], 2);
-    };
-  }
-});
-const Button = withInstall(
-  _sfc_main$35,
-  Object.assign(_sfc_main$35, {
-    Group: _sfc_main$34
-  }),
-  { components: [_sfc_main$35, _sfc_main$34] }
-);
-const _ButtonComponent = Button;
-const _ButtonGroupComponent = _sfc_main$34;
+const Button$1 = withPropsDefaultsSetter(_sfc_main$35, _sfc_main$35.props);
 const editorAuxiliaryActions = Symbol("editor-auxiliary-actions");
 const labelKey = Symbol("form-item-label");
 function provideFormItemLabel(options) {
@@ -4327,14 +4332,14 @@ const _hoisted_2$I = {
   role: "heading",
   "aria-level": "2"
 };
-const _hoisted_3$n = ["aria-label", "disabled"];
+const _hoisted_3$o = ["aria-label", "disabled"];
 const _hoisted_4$f = ["inert"];
 const _hoisted_5$7 = {
   key: 1,
   role: "status"
 };
 const _hoisted_6$4 = ["aria-label", "disabled"];
-const _sfc_main$33 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$34 = /* @__PURE__ */ vue.defineComponent({
   ...{ name: createNamespace$1("field-editor-panel").name },
   __name: "EditorPanel",
   props: {
@@ -4413,7 +4418,7 @@ const _sfc_main$33 = /* @__PURE__ */ vue.defineComponent({
             "aria-label": vue.unref(closeText),
             disabled: __props.pending,
             onClick: _cache[0] || (_cache[0] = ($event) => !__props.pending && _ctx.$emit("cancel"))
-          }, " × ", 10, _hoisted_3$n)
+          }, " × ", 10, _hoisted_3$o)
         ], 2)) : vue.createCommentVNode("", true),
         vue.createElementVNode("div", {
           ref_key: "bodyElement",
@@ -4438,7 +4443,7 @@ const _sfc_main$33 = /* @__PURE__ */ vue.defineComponent({
           }, [
             auxiliaryActions.value ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(auxiliaryActions.value), { key: 0 })) : vue.createCommentVNode("", true)
           ], 2),
-          __props.clearable ? (vue.openBlock(), vue.createBlock(vue.unref(Button), {
+          __props.clearable ? (vue.openBlock(), vue.createBlock(vue.unref(Button$1), {
             key: 0,
             variant: "text",
             disabled: __props.disabled || __props.pending,
@@ -4451,7 +4456,7 @@ const _sfc_main$33 = /* @__PURE__ */ vue.defineComponent({
             ]),
             _: 1
           }, 8, ["disabled"])) : vue.createCommentVNode("", true),
-          __props.needConfirm ? (vue.openBlock(), vue.createBlock(vue.unref(Button), {
+          __props.needConfirm ? (vue.openBlock(), vue.createBlock(vue.unref(Button$1), {
             key: 1,
             status: "primary",
             loading: __props.pending,
@@ -4515,9 +4520,9 @@ function useFormErrorDescription() {
 }
 const _hoisted_1$1w = ["aria-busy", "title"];
 const _hoisted_2$H = ["id", "role", "aria-readonly", "aria-disabled", "aria-describedby"];
-const _hoisted_3$m = ["id", "disabled", "aria-label", "aria-describedby", "aria-expanded"];
+const _hoisted_3$n = ["id", "disabled", "aria-label", "aria-describedby", "aria-expanded"];
 const _hoisted_4$e = ["id", "aria-label", "aria-labelledby", "aria-describedby", "title"];
-const _sfc_main$32 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$33 = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: createNamespace$1("field-reference").name,
     inheritAttrs: false
@@ -4592,7 +4597,7 @@ const _sfc_main$32 = /* @__PURE__ */ vue.defineComponent({
           ]
         }), [
           vue.createElementVNode("span", null, vue.toDisplayString(__props.text || __props.placeholder || "—"), 1)
-        ], 16, _hoisted_3$m)),
+        ], 16, _hoisted_3$n)),
         vue.createVNode(_sfc_main$37, { loading: __props.loading }, null, 8, ["loading"]),
         !__props.disabled ? (vue.openBlock(), vue.createElementBlock("button", {
           key: 3,
@@ -4622,7 +4627,7 @@ const _sfc_main$32 = /* @__PURE__ */ vue.defineComponent({
 });
 const _hoisted_1$1v = ["aria-busy"];
 const _hoisted_2$G = ["dir", "aria-label", "aria-labelledby"];
-const _sfc_main$31 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$32 = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: createNamespace$1("field-presentation").name,
     inheritAttrs: false
@@ -4924,7 +4929,7 @@ const _sfc_main$31 = /* @__PURE__ */ vue.defineComponent({
           class: vue.normalizeClass(vue.unref(n2)("anchor")),
           style: vue.normalizeStyle({ visibility: __props.open ? "hidden" : void 0 })
         }, [
-          vue.createVNode(_sfc_main$32, vue.mergeProps(_ctx.$attrs, {
+          vue.createVNode(_sfc_main$33, vue.mergeProps(_ctx.$attrs, {
             id: __props.open && !__props.retainReferenceIdWhenOpen ? void 0 : _ctx.$attrs.id,
             ref_key: "reference",
             ref: reference,
@@ -4960,7 +4965,7 @@ const _sfc_main$31 = /* @__PURE__ */ vue.defineComponent({
             "aria-labelledby": typeof _ctx.$attrs["aria-labelledby"] === "string" ? _ctx.$attrs["aria-labelledby"] : void 0,
             "aria-modal": "false"
           }), [
-            vue.createVNode(_sfc_main$33, {
+            vue.createVNode(_sfc_main$34, {
               ref_key: "panel",
               ref: panel2,
               compact: "",
@@ -4989,6 +4994,7 @@ const _sfc_main$31 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
+const fieldEditorControlPending = Symbol("field-editor-control-pending");
 function cloneValue(value, seen = /* @__PURE__ */ new WeakMap()) {
   if (value instanceof Date) {
     return new Date(value.getTime());
@@ -5006,7 +5012,7 @@ function cloneValue(value, seen = /* @__PURE__ */ new WeakMap()) {
   }
   return result;
 }
-function sameFieldValue(left, right, seen = /* @__PURE__ */ new WeakMap()) {
+function sameFieldValue(left, right, seen = /* @__PURE__ */ new WeakMap(), reverse = /* @__PURE__ */ new WeakMap()) {
   if (Object.is(left, right)) {
     return true;
   }
@@ -5022,12 +5028,16 @@ function sameFieldValue(left, right, seen = /* @__PURE__ */ new WeakMap()) {
   if (!Array.isArray(left) && Object.getPrototypeOf(left) !== Object.prototype) {
     return false;
   }
-  if (seen.get(left) === right) {
-    return true;
+  if (seen.has(left) || reverse.has(right)) {
+    return seen.get(left) === right && reverse.get(right) === left;
   }
   seen.set(left, right);
+  reverse.set(right, left);
   const keys = Object.keys(left);
-  return keys.length === Object.keys(right).length && keys.every((key) => Object.prototype.hasOwnProperty.call(right, key) && sameFieldValue(left[key], right[key], seen));
+  const result = keys.length === Object.keys(right).length && keys.every((key) => Object.prototype.hasOwnProperty.call(right, key) && sameFieldValue(left[key], right[key], seen, reverse));
+  seen.delete(left);
+  reverse.delete(right);
+  return result;
 }
 function formatFieldValue(value) {
   if (value == null || value === "") {
@@ -5103,6 +5113,8 @@ function withFieldPresentation(Base2, adapter = {}) {
         readonly: vue.computed(() => props2.readonly ?? inputGroup?.readonly.value),
         size: vue.computed(() => props2.size ?? inputGroup?.size.value)
       });
+      const editorControlPending = vue.ref(false);
+      vue.provide(fieldEditorControlPending, editorControlPending);
       const inner = vue.shallowRef();
       const host = vue.ref();
       const localValue = vue.shallowRef(props2.defaultValue ?? props2.modelValue);
@@ -5223,9 +5235,22 @@ function withFieldPresentation(Base2, adapter = {}) {
           }
         }
       });
+      const needConfirm = vue.computed(() => !adapter.selectionConfirmation || (props2.needConfirm ?? Boolean(props2.multiple)));
+      const showConfirm = vue.computed(
+        () => needConfirm.value || adapter.selectionConfirmation === "select" && !sameFieldValue(session.draft.value, value.value)
+      );
+      const completeSelection = () => {
+        const candidate = cloneValue(session.draft.value);
+        void Promise.resolve(session.commit()).then((accepted) => {
+          if (!accepted && open2.value && !session.pending.value && sameFieldValue(session.draft.value, candidate)) {
+            session.update(value.value);
+          }
+        });
+      };
       const updateDraft = (next) => {
         if (open2.value && !blocked2.value) {
           session.update(next);
+          if (adapter.selectionConfirmation === "update" && !needConfirm.value) completeSelection();
         }
       };
       const clearDraft = () => {
@@ -5234,6 +5259,7 @@ function withFieldPresentation(Base2, adapter = {}) {
         }
         const fallback = "uncheckedValue" in props2 ? props2.uncheckedValue : typeof props2.defaultValue === "boolean" ? false : Array.isArray(value.value) ? [] : props2.defaultValue;
         session.update(resolveEmptyValue(props2, fallback));
+        if (!needConfirm.value) void session.commit();
       };
       const clearReference = async () => {
         if (blocked2.value || selectionPaused.value || session.pending.value) {
@@ -5251,8 +5277,10 @@ function withFieldPresentation(Base2, adapter = {}) {
         state.item?.resetValidation?.();
       };
       const confirm = async (event) => {
+        if (editorControlPending.value) return false;
         inner.value?.blur?.();
         await vue.nextTick();
+        if (editorControlPending.value) return false;
         return session.commit(event);
       };
       vue.watch(
@@ -5462,6 +5490,9 @@ function withFieldPresentation(Base2, adapter = {}) {
             (...args) => {
               if (event === "update:modelValue") {
                 updateDraft(args[0]);
+              } else if (event === "select" && adapter.selectionConfirmation === "select" && !needConfirm.value) {
+                emit(event, ...args);
+                void session.commit();
               } else if (adapter.commitEvents?.[event]) {
                 if (open2.value && !blocked2.value && !session.pending.value) commitNotifications.set(event, args);
               } else if (event !== "change" && event !== "update:open" && event !== "open-change") {
@@ -5500,7 +5531,7 @@ function withFieldPresentation(Base2, adapter = {}) {
         const textProps = source && sourceKey ? { ...props2, [sourceKey]: source.options.value } : props2;
         const text = (adapter.text ?? formatFieldValue)(value.value, textProps);
         return vue.h(
-          _sfc_main$31,
+          _sfc_main$32,
           {
             ...attrs,
             ...props2.textAlign ? {
@@ -5520,12 +5551,12 @@ function withFieldPresentation(Base2, adapter = {}) {
             open: open2.value,
             disabled: form.mergedDisabled.value,
             readonly: form.mergedReadonly.value,
-            needConfirm: true,
+            needConfirm: showConfirm.value,
             clearable: props2.clearable && !selectionPaused.value,
             onClear: clearDraft,
             loading: Boolean(props2.loading || adapter.pauseSelectionWhileLoading && source?.loading.value),
             pending: session.pending.value,
-            confirmDisabled: selectionPaused.value || !validDraft(session.draft.value),
+            confirmDisabled: editorControlPending.value || selectionPaused.value || !validDraft(session.draft.value),
             error: session.error.value || state.item?.message?.value,
             onOpen: setOpen,
             onEditorReady,
@@ -5589,7 +5620,7 @@ function withFieldPresentation(Base2, adapter = {}) {
 const selectionListStyle = Symbol("selection-list-style");
 const selectionEditorSurface = Symbol("selection-editor-surface");
 const mobile = false;
-const _sfc_main$30 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$31 = /* @__PURE__ */ vue.defineComponent({
   ...{ name: createNamespace$1("selection-editor").name },
   __name: "SelectionEditor",
   props: {
@@ -5820,7 +5851,7 @@ const VirtualListItem = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$2$ = vue.defineComponent({
+const _sfc_main$30 = vue.defineComponent({
   name: createNamespace$1("virtual-list").name,
   components: { VirtualListItem },
   props: {
@@ -5920,6 +5951,8 @@ const _sfc_main$2$ = vue.defineComponent({
       await vue.nextTick();
       updateViewport();
     });
+    let retainedInlineOffset;
+    let retainedScrollTop;
     let scrollRequest = 0;
     let commandedScroll;
     let mounted2 = false;
@@ -5930,10 +5963,25 @@ const _sfc_main$2$ = vue.defineComponent({
     vue.onMounted(() => {
       mounted2 = true;
     });
-    vue.onActivated(() => {
-      if (!disposed) active = true;
+    vue.onActivated(async () => {
+      if (disposed) return;
+      active = true;
+      const element2 = containerRef.value;
+      const request = scrollRequest;
+      const retained = retainedScrollTop;
+      const retainedInline = retainedInlineOffset;
+      retainedScrollTop = void 0;
+      retainedInlineOffset = void 0;
+      if (element2 && retainedInline !== void 0 && isCurrent(request, element2) && inlineScrollLeft(element2) === 0) setInlineScrollLeft(element2, retainedInline);
+      await vue.nextTick();
+      if (element2 && retained !== void 0 && isCurrent(request, element2) && element2.scrollTop === 0) {
+        element2.scrollTop = retained;
+        if (virtualEnabled.value) setStart(getStartByScroll(element2.scrollTop));
+      }
     });
     vue.onDeactivated(() => {
+      retainedScrollTop = scrollOffset.value;
+      retainedInlineOffset = readingOffset;
       active = false;
       scrollRequest++;
       commandedScroll = void 0;
@@ -6035,6 +6083,7 @@ const _sfc_main$2$ = vue.defineComponent({
       if (isNumber(options)) {
         if (Number.isFinite(options)) {
           element2.scrollTop = Math.max(0, options);
+          scrollOffset.value = element2.scrollTop;
           if (virtualEnabled.value) setStart(getStartByScroll(element2.scrollTop));
         }
         return;
@@ -6146,7 +6195,7 @@ function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 40, ["class", "style", "onScroll"]);
 }
-const VirtualList = /* @__PURE__ */ _export_sfc(_sfc_main$2$, [["render", _sfc_render$13]]);
+const VirtualList = /* @__PURE__ */ _export_sfc(_sfc_main$30, [["render", _sfc_render$13]]);
 function isValidTextInputMaxLength(value) {
   if (typeof value === "number") {
     return Number.isFinite(value) && value >= 0;
@@ -6393,7 +6442,7 @@ function useFieldGeometry(root, middle) {
 }
 const _hoisted_1$1u = ["for"];
 const _hoisted_2$F = ["aria-label"];
-const _sfc_main$2_ = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$2$ = /* @__PURE__ */ vue.defineComponent({
   ...{ name: createNamespace$1("field-decorator").name },
   __name: "FieldDecorator",
   props: { ...fieldDecoratorProps, decorativeHint: Boolean },
@@ -6553,9 +6602,9 @@ const _sfc_main$2_ = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const FieldDecorator = withInstall(_sfc_main$2_);
+const FieldDecorator = withInstall(_sfc_main$2$);
 const _FieldDecoratorComponent = FieldDecorator;
-const _sfc_main$2Z = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$2_ = /* @__PURE__ */ vue.defineComponent({
   ...{ name: createNamespace$1("input-feedback").name },
   __name: "InputFeedback",
   props: {
@@ -6867,7 +6916,7 @@ function useInputValue(props2, emitUpdate, emitChange) {
   };
 }
 const _hoisted_1$1t = ["id", "aria-busy", "autocomplete", "value", "type", "disabled", "readonly", "placeholder", "aria-label", "aria-describedby", "aria-invalid", "autofocus", "enterkeyhint", "inputmode"];
-const _sfc_main$2Y = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$2Z = /* @__PURE__ */ vue.defineComponent({
   ...{ name: createNamespace$1("input").name, inheritAttrs: false },
   __name: "input",
   props: inputProps,
@@ -7138,7 +7187,7 @@ const _sfc_main$2Y = /* @__PURE__ */ vue.defineComponent({
         onMousedown: handleMousedown,
         onClick: handleClick
       }), [
-        vue.createVNode(_sfc_main$31, {
+        vue.createVNode(_sfc_main$32, {
           id: inputId.value,
           ref_key: "presentationRef",
           ref: presentationRef,
@@ -7240,7 +7289,7 @@ const _sfc_main$2Y = /* @__PURE__ */ vue.defineComponent({
                     class: vue.normalizeClass(vue.unref(n2)("word-limit"))
                   }, vue.toDisplayString(vue.unref(valueLength)) + "/" + vue.toDisplayString(vue.unref(maxLength)), 3)) : vue.createCommentVNode("", true),
                   vue.renderSlot(_ctx.$slots, "suffix"),
-                  vue.createVNode(_sfc_main$2Z, { status: vue.unref(feedback) }, null, 8, ["status"])
+                  vue.createVNode(_sfc_main$2_, { status: vue.unref(feedback) }, null, 8, ["status"])
                 ]),
                 key: "2"
               } : void 0
@@ -7260,164 +7309,7 @@ const _sfc_main$2Y = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$2X = /* @__PURE__ */ vue.defineComponent({
-  ...{ name: createNamespace$1("input-group").name },
-  __name: "InputGroup",
-  props: inputGroupProps,
-  setup(__props) {
-    const props2 = __props;
-    const { n: n2, classes: classes2 } = createNamespace$1("input-group");
-    const { group, mergedSize, mergedDisabled, mergedReadonly } = useInputForm(props2);
-    const mergedVariant = vue.computed(() => props2.variant ?? group?.variant.value ?? "filled");
-    vue.provide(inputGroupKey, {
-      size: mergedSize,
-      disabled: mergedDisabled,
-      readonly: mergedReadonly,
-      variant: mergedVariant,
-      hint: vue.computed(() => props2.hint ?? group?.hint.value)
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(vue.unref(classes2)(vue.unref(n2)(), vue.unref(n2)(`--size-${vue.unref(mergedSize)}`), vue.unref(n2)(`--variant-${mergedVariant.value}`), [vue.unref(mergedDisabled), vue.unref(n2)("--disabled")])),
-        role: "group"
-      }, [
-        vue.renderSlot(_ctx.$slots, "default")
-      ], 2);
-    };
-  }
-});
-const _sfc_main$2W = /* @__PURE__ */ vue.defineComponent({
-  ...{ name: createNamespace$1("input-group-label").name },
-  __name: "InputGroupLabel",
-  setup(__props) {
-    const { n: n2 } = createNamespace$1("input-group-label");
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("span", {
-        class: vue.normalizeClass(vue.unref(n2)())
-      }, [
-        vue.renderSlot(_ctx.$slots, "default")
-      ], 2);
-    };
-  }
-});
-const _hoisted_1$1s = ["disabled", "aria-label", "aria-pressed"];
-const _sfc_main$2V = /* @__PURE__ */ vue.defineComponent({
-  ...{ name: createNamespace$1("input-password").name, inheritAttrs: false },
-  __name: "InputPassword",
-  props: inputPasswordProps,
-  emits: ["visibility-change", "update:visibility", "update:open", "update:modelValue", "input", "change", "press-enter", "keydown", "clear", "focus", "blur", "click"],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props2 = __props;
-    const emit = __emit;
-    const { n: n2 } = createNamespace$1("input-password");
-    const { t } = useI18n();
-    const attrs = vue.useAttrs();
-    const slots = vue.useSlots();
-    const inputRef = vue.ref();
-    const localVisibility = vue.ref(props2.defaultVisibility);
-    const mergedVisible = vue.computed(() => props2.visibility ?? localVisibility.value);
-    const { mergedDisabled } = useInputForm(props2);
-    const forwardedSlots = vue.computed(() => Object.keys(slots).filter((name2) => name2 !== "suffix"));
-    const inputBindings = vue.computed(() => {
-      const fields = {};
-      for (const key of Object.keys(inputProps)) {
-        fields[key] = props2[key];
-      }
-      return { ...fields, ...attrs };
-    });
-    const inputListeners = {
-      "update:open": (...args) => emit("update:open", ...args),
-      "update:modelValue": (...args) => emit("update:modelValue", ...args),
-      input: (...args) => emit("input", ...args),
-      change: (...args) => emit("change", ...args),
-      "press-enter": (...args) => emit("press-enter", ...args),
-      keydown: (...args) => emit("keydown", ...args),
-      clear: (...args) => emit("clear", ...args),
-      focus: (...args) => emit("focus", ...args),
-      blur: (...args) => emit("blur", ...args),
-      click: (...args) => emit("click", ...args)
-    };
-    function toggleVisibility() {
-      if (mergedDisabled.value) {
-        return;
-      }
-      const nextValue = !mergedVisible.value;
-      localVisibility.value = nextValue;
-      emit("visibility-change", nextValue);
-      emit("update:visibility", nextValue);
-    }
-    function focus(options) {
-      inputRef.value?.focus(options);
-    }
-    function blur() {
-      inputRef.value?.blur();
-    }
-    function select() {
-      inputRef.value?.select();
-    }
-    __expose({ inputRef, focus, blur, select });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(vue.unref(n2)())
-      }, [
-        vue.createVNode(_sfc_main$2Y, vue.mergeProps({
-          ref_key: "inputRef",
-          ref: inputRef
-        }, inputBindings.value, {
-          type: mergedVisible.value ? "text" : "password"
-        }, vue.toHandlers(inputListeners)), vue.createSlots({ _: 2 }, [
-          vue.renderList(forwardedSlots.value, (slotName) => {
-            return {
-              name: slotName,
-              fn: vue.withCtx((scope) => [
-                vue.renderSlot(_ctx.$slots, slotName, vue.normalizeProps(vue.guardReactiveProps(scope)))
-              ])
-            };
-          }),
-          _ctx.visibilityToggle || _ctx.$slots.suffix ? {
-            name: "suffix",
-            fn: vue.withCtx(() => [
-              _ctx.visibilityToggle ? (vue.openBlock(), vue.createElementBlock("button", {
-                key: 0,
-                type: "button",
-                class: vue.normalizeClass(vue.unref(n2)("toggle")),
-                disabled: vue.unref(mergedDisabled),
-                "aria-label": vue.unref(t)(mergedVisible.value ? "common.hidePassword" : "common.showPassword"),
-                "aria-pressed": mergedVisible.value,
-                onMousedown: _cache[0] || (_cache[0] = vue.withModifiers(() => {
-                }, ["prevent"])),
-                onClick: toggleVisibility
-              }, [
-                mergedVisible.value ? (vue.openBlock(), vue.createBlock(vue.unref(iconsVue.IconEyeInvisible), {
-                  key: 0,
-                  "aria-hidden": "true"
-                })) : (vue.openBlock(), vue.createBlock(vue.unref(iconsVue.IconEye), {
-                  key: 1,
-                  "aria-hidden": "true"
-                }))
-              ], 42, _hoisted_1$1s)) : vue.createCommentVNode("", true),
-              vue.renderSlot(_ctx.$slots, "suffix")
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1040, ["type"])
-      ], 2);
-    };
-  }
-});
-const Input = withInstall(
-  _sfc_main$2Y,
-  Object.assign(_sfc_main$2Y, {
-    Password: _sfc_main$2V,
-    Group: _sfc_main$2X,
-    GroupLabel: _sfc_main$2W
-  }),
-  { components: [_sfc_main$2Y, _sfc_main$2X, _sfc_main$2V, _sfc_main$2W] }
-);
-const _InputComponent = Input;
-const _InputPasswordComponent = _sfc_main$2V;
-const _InputGroupComponent = _sfc_main$2X;
-const _InputGroupLabelComponent = _sfc_main$2W;
+const SearchInput = withPropsDefaultsSetter(_sfc_main$2Z, inputProps);
 const KEYBOARD_KEY = {
   ENTER: "Enter",
   ESC: "Escape",
@@ -8056,7 +7948,7 @@ const useSelect = ({
   };
 };
 const { name: name$10 } = createNamespace$1("optgroup");
-const _sfc_main$2U = vue.defineComponent({
+const _sfc_main$2Y = vue.defineComponent({
   name: name$10,
   props: {
     /**
@@ -8080,7 +7972,7 @@ const _sfc_main$2U = vue.defineComponent({
     };
   }
 });
-const _hoisted_1$1r = ["aria-labelledby"];
+const _hoisted_1$1s = ["aria-labelledby"];
 const _hoisted_2$E = ["id"];
 function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(), vue.createElementBlock("li", {
@@ -8103,9 +7995,9 @@ function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
     }, [
       vue.renderSlot(_ctx.$slots, "default")
     ], 2)
-  ], 10, _hoisted_1$1r);
+  ], 10, _hoisted_1$1s);
 }
-const Optgroup = /* @__PURE__ */ _export_sfc(_sfc_main$2U, [["render", _sfc_render$12]]);
+const Optgroup = /* @__PURE__ */ _export_sfc(_sfc_main$2Y, [["render", _sfc_render$12]]);
 const isEqualObject = (obj, other) => {
   if (!obj || !other) {
     return false;
@@ -8186,6 +8078,8 @@ function blockFieldOpenClick(event) {
 const formControlVariants = ["filled", "outline", "standard"];
 const selectProps = {
   ...fieldLoadingProps,
+  /** 弹出编辑是否需要确认；未设置时单选即提交，多选保留确认。 */
+  needConfirm: { type: Boolean, default: void 0 },
   openTriggerTarget: openTriggerTargetProp,
   /** 异步候选加载器；显式 options 优先，组件管理加载和请求取消。 */
   /** 内置本地过滤是否区分大小写；自定义过滤函数优先。 */
@@ -8541,7 +8435,7 @@ const optionProps = {
   }
 };
 const { name: name$$ } = createNamespace$1("option");
-const _sfc_main$2T = vue.defineComponent({
+const _sfc_main$2X = vue.defineComponent({
   name: name$$,
   components: {
     IconCheck: iconsVue.IconCheck
@@ -8696,7 +8590,7 @@ function _sfc_render$11(_ctx, _cache, $props, $setup, $data, $options) {
     [vue.vShow, _ctx.isValid]
   ]);
 }
-const Option = /* @__PURE__ */ _export_sfc(_sfc_main$2T, [["render", _sfc_render$11]]);
+const Option = /* @__PURE__ */ _export_sfc(_sfc_main$2X, [["render", _sfc_render$11]]);
 function useEmptySlot() {
   const config = vue.inject(configProviderInjectionKey, void 0);
   return vue.computed(() => config?.slots.empty);
@@ -8765,8 +8659,8 @@ const emptyProps = {
   showIcon: { type: Boolean, default: true },
   showDescription: { type: Boolean, default: true }
 };
-const _hoisted_1$1q = ["src", "alt"];
-const _sfc_main$2S = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$1r = ["src", "alt"];
+const _sfc_main$2W = /* @__PURE__ */ vue.defineComponent({
   ...{ name: createNamespace$1("empty").name },
   __name: "Empty",
   props: emptyProps,
@@ -8824,7 +8718,7 @@ const _sfc_main$2S = /* @__PURE__ */ vue.defineComponent({
               key: 0,
               src: _ctx.imageUrl,
               alt: _ctx.alt
-            }, null, 8, _hoisted_1$1q)) : (vue.openBlock(), vue.createBlock(vue.unref(iconEmpty.IconEmpty), { key: 1 }))
+            }, null, 8, _hoisted_1$1r)) : (vue.openBlock(), vue.createBlock(vue.unref(iconEmpty.IconEmpty), { key: 1 }))
           ])
         ], 6)) : vue.createCommentVNode("", true),
         _ctx.showDescription ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -8845,7 +8739,7 @@ const _sfc_main$2S = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Empty$1 = withInstall(_sfc_main$2S, Object.assign(_sfc_main$2S, {}), { components: [_sfc_main$2S] });
+const Empty$1 = withInstall(_sfc_main$2W, Object.assign(_sfc_main$2W, {}), { components: [_sfc_main$2W] });
 const _EmptyComponent = Empty$1;
 const scrollbarProps = {
   /**
@@ -9060,7 +8954,7 @@ const ResizeObserver$2 = vue.defineComponent({
     };
   }
 });
-const _sfc_main$2R = vue.defineComponent({
+const _sfc_main$2V = vue.defineComponent({
   name: createNamespace$1("thumb").name,
   props: {
     data: {
@@ -9295,10 +9189,10 @@ function _sfc_render$10(_ctx, _cache, $props, $setup, $data, $options) {
     ], 38)
   ], 34);
 }
-const Thumb = /* @__PURE__ */ _export_sfc(_sfc_main$2R, [["render", _sfc_render$10]]);
+const Thumb = /* @__PURE__ */ _export_sfc(_sfc_main$2V, [["render", _sfc_render$10]]);
 const THUMB_MIN_SIZE = 20;
 const TRACK_SIZE = 15;
-const _sfc_main$2Q = vue.defineComponent({
+const _sfc_main$2U = vue.defineComponent({
   name: createNamespace$1("scrollbar").name,
   components: {
     ResizeObserver: ResizeObserver$2,
@@ -9621,11 +9515,11 @@ function _sfc_render$$(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["data", "style", "both", "onScroll"])) : vue.createCommentVNode("", true)
   ], 6);
 }
-const _Scrollbar = /* @__PURE__ */ _export_sfc(_sfc_main$2Q, [["render", _sfc_render$$]]);
+const _Scrollbar = /* @__PURE__ */ _export_sfc(_sfc_main$2U, [["render", _sfc_render$$]]);
 const Scrollbar = withInstall(_Scrollbar, Object.assign(_Scrollbar, {}), { components: [_Scrollbar] });
 const _ScrollbarComponent = Scrollbar;
 const { name: name$_ } = createNamespace$1("select-dropdown");
-const _sfc_main$2P = vue.defineComponent({
+const _sfc_main$2T = vue.defineComponent({
   name: name$_,
   components: {
     ScrollbarComponent: Scrollbar,
@@ -9697,7 +9591,7 @@ const _sfc_main$2P = vue.defineComponent({
     };
   }
 });
-const _hoisted_1$1p = ["id", "role", "aria-multiselectable"];
+const _hoisted_1$1q = ["id", "role", "aria-multiselectable"];
 const _hoisted_2$D = ["id", "role", "aria-multiselectable"];
 function _sfc_render$_(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_loading = vue.resolveComponent("loading");
@@ -9731,7 +9625,7 @@ function _sfc_render$_(_ctx, _cache, $props, $setup, $data, $options) {
       "aria-multiselectable": _ctx.listboxId ? _ctx.multiple : void 0
     }, [
       vue.renderSlot(_ctx.$slots, "virtual-list")
-    ], 8, _hoisted_1$1p)) : vue.createCommentVNode("", true),
+    ], 8, _hoisted_1$1q)) : vue.createCommentVNode("", true),
     !_ctx.virtualList ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.displayScrollbar ? "ScrollbarComponent" : "div"), vue.mergeProps(
       {
         key: 4,
@@ -9761,7 +9655,7 @@ function _sfc_render$_(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)) : vue.createCommentVNode("", true)
   ], 34);
 }
-const SelectDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$2P, [["render", _sfc_render$_]]);
+const SelectDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$2T, [["render", _sfc_render$_]]);
 const TriggerPopup = vue.defineComponent({
   name: createNamespace$1("trigger-popup").name,
   inheritAttrs: false,
@@ -10069,12 +9963,21 @@ function getScrollElements(element2) {
   const visited = /* @__PURE__ */ new Set();
   while (root && !visited.has(root.ownerDocument)) {
     visited.add(root.ownerDocument);
-    let current = root.parentElement;
+    const parent = (node) => {
+      if (node.assignedSlot) return node.assignedSlot;
+      if (node.parentElement) return node.parentElement;
+      const tree = node.getRootNode();
+      return tree.nodeType === 11 && "host" in tree ? tree.host : null;
+    };
+    let current = parent(root);
+    const ancestors = /* @__PURE__ */ new Set();
     while (current && current !== current.ownerDocument.documentElement) {
+      if (ancestors.has(current)) break;
+      ancestors.add(current);
       const style = current.ownerDocument.defaultView?.getComputedStyle(current);
       const overflow = `${style?.overflow ?? ""}${style?.overflowX ?? ""}${style?.overflowY ?? ""}`;
       if (/(auto|scroll|overlay)/.test(overflow)) result.push(current);
-      current = current.parentElement;
+      current = parent(current);
     }
     try {
       root = root.ownerDocument.defaultView?.frameElement ?? void 0;
@@ -10084,6 +9987,34 @@ function getScrollElements(element2) {
   }
   return result;
 }
+function getSlotChangeRoots(element2) {
+  const roots = [];
+  const visited = /* @__PURE__ */ new Set();
+  let current = element2;
+  while (current && !visited.has(current)) {
+    visited.add(current);
+    const parentShadow = current.parentElement?.shadowRoot;
+    if (parentShadow) roots.push(parentShadow);
+    if (current.assignedSlot) {
+      current = current.assignedSlot;
+    } else if (current.parentElement) {
+      current = current.parentElement;
+    } else {
+      const tree = current.getRootNode();
+      if (tree.nodeType === 11 && "host" in tree) {
+        roots.push(tree);
+        current = tree.host;
+      } else {
+        try {
+          current = current.ownerDocument.defaultView?.frameElement;
+        } catch {
+          current = void 0;
+        }
+      }
+    }
+  }
+  return roots;
+}
 function getScrollViews(element2) {
   const result = [];
   let document2 = element2?.ownerDocument;
@@ -10104,9 +10035,11 @@ function rafThrottle(callback, ownerView) {
   let frame;
   let frameView;
   let latest;
+  let latestTarget;
   let generation = 0;
   const run = (event) => {
     latest = event;
+    latestTarget = event?.currentTarget ?? event?.target;
     if (frame !== void 0) {
       return;
     }
@@ -10124,8 +10057,10 @@ function rafThrottle(callback, ownerView) {
       frame = void 0;
       frameView = void 0;
       const currentEvent = latest;
+      const currentTarget = latestTarget;
       latest = void 0;
-      callback(currentEvent);
+      latestTarget = void 0;
+      callback(currentEvent, currentTarget);
     });
   };
   run.cancel = () => {
@@ -10136,6 +10071,7 @@ function rafThrottle(callback, ownerView) {
     frame = void 0;
     frameView = void 0;
     latest = void 0;
+    latestTarget = void 0;
   };
   return run;
 }
@@ -10151,6 +10087,7 @@ function useTriggerPositioner(options, context2) {
   let scrollPositions = /* @__PURE__ */ new WeakMap();
   let windowPositions = /* @__PURE__ */ new WeakMap();
   let scrollViews = [];
+  let slotRoots = [];
   function update() {
     const reference = context2.reference.value;
     const popup = context2.popup.value;
@@ -10239,10 +10176,10 @@ function useTriggerPositioner(options, context2) {
     }
   }
   const scrolling = rafThrottle(
-    (event) => {
+    (_event, eventTarget) => {
       const shouldClose = options.scrollToClose || context2.globalScrollToClose.value;
-      if (shouldClose && event?.target) {
-        const target2 = event.target;
+      if (shouldClose && eventTarget) {
+        const target2 = eventTarget;
         const previous = scrollPositions.get(target2) ?? [
           target2.scrollTop,
           target2.scrollLeft
@@ -10287,11 +10224,26 @@ function useTriggerPositioner(options, context2) {
     for (const element2 of scrollElements)
       element2.removeEventListener("scroll", scrolling);
     for (const view of scrollViews) view.removeEventListener("scroll", onWindowScroll);
+    for (const slot of slotRoots) slot.removeEventListener("slotchange", onSlotChange);
+    slotRoots = [];
     scrollViews = [];
     scrollElements = [];
     scrollPositions = /* @__PURE__ */ new WeakMap();
     windowPositions = /* @__PURE__ */ new WeakMap();
   }
+  function onSlotChange() {
+    positionGeneration++;
+    const reference = context2.reference.value;
+    const popup = context2.popup.value;
+    const nextElements = [.../* @__PURE__ */ new Set([...getScrollElements(reference), ...getScrollElements(popup)])];
+    const nextViews = [.../* @__PURE__ */ new Set([...getScrollViews(reference), ...getScrollViews(popup)])];
+    const nextRoots = [.../* @__PURE__ */ new Set([...getSlotChangeRoots(reference), ...getSlotChangeRoots(popup)])];
+    function changed(before, after) {
+      return before.length !== after.length || before.some((item, index) => item !== after[index]);
+    }
+    if (changed(scrollElements, nextElements) || changed(scrollViews, nextViews) || changed(slotRoots, nextRoots)) bindScroll();
+    vue.nextTick(update);
+  }
   function bindScroll() {
     unbindScroll();
     const reference = context2.reference.value;
@@ -10299,6 +10251,8 @@ function useTriggerPositioner(options, context2) {
     const active = options.updateAtScroll || options.scrollToClose || context2.globalUpdateAtScroll.value || context2.globalScrollToClose.value;
     if (!active || !reference || !popup || !context2.visible.value || suspended)
       return;
+    slotRoots = [.../* @__PURE__ */ new Set([...getSlotChangeRoots(reference), ...getSlotChangeRoots(popup)])];
+    for (const slot of slotRoots) slot.addEventListener("slotchange", onSlotChange);
     scrollElements = [
       .../* @__PURE__ */ new Set([
         ...getScrollElements(reference),
@@ -10511,19 +10465,19 @@ const shadowHostNames = /* @__PURE__ */ new Set(["article", "aside", "blockquote
 function mayHideShadow(element2) {
   return !element2.shadowRoot && (element2.localName.includes("-") || shadowHostNames.has(element2.localName));
 }
-function documentChain(start) {
+function documentChain(start, allowPartial = false) {
   const documents = [start], frames = [];
   let current = start;
   try {
     while (current.defaultView && current.defaultView.parent !== current.defaultView) {
       const frame = current.defaultView.frameElement;
-      if (!frame) return void 0;
+      if (!frame) return allowPartial ? { documents, frames } : void 0;
       frames.push(frame);
       current = frame.ownerDocument;
       documents.push(current);
     }
   } catch {
-    return void 0;
+    return allowPartial ? { documents, frames } : void 0;
   }
   return { documents, frames };
 }
@@ -10532,7 +10486,7 @@ function canRestore(owner, destination, anchor, focused) {
     const current = owner.activeElement;
     return (!current || current === owner.body || current === owner.documentElement || current === anchor) && (current !== anchor || deepestActive(anchor) === focused);
   }
-  const from = documentChain(owner), to = documentChain(destination);
+  const from = documentChain(owner, true), to = documentChain(destination, true);
   if (!from || !to) return false;
   const common = from.documents.find((doc) => to.documents.includes(doc));
   if (!common || !common.hasFocus()) return false;
@@ -10581,8 +10535,8 @@ function usePopupMoveFocus(target2, inline, popup, visible) {
   return (event) => {
     if (!moving || moving !== event.target || event.relatedTarget) return false;
     const owner = moving.ownerDocument;
-    const chain = documentChain(owner);
-    if (!chain) return false;
+    const chain = documentChain(owner, true);
+    if (!chain || !chain.documents[chain.documents.length - 1].hasFocus()) return false;
     return chain.documents.every((doc) => {
       const current = doc.activeElement;
       return !current || current === doc.body || current === doc.documentElement || current === moving || chain.frames.includes(current);
@@ -10801,7 +10755,7 @@ const _Trigger = /* @__PURE__ */ vue.defineComponent({
     });
     return () => {
       const referenceNodes = mergeFirstReferenceClass(slots.default?.() ?? [], visible.value ? props2.openedClass : void 0);
-      const contentNodes = slots.content?.() ?? [];
+      const contentNodes = renderState.rendered.value ? slots.content?.() ?? [] : [];
       const hiddenByEmpty = props2.hideEmpty && isEmptyContent(contentNodes);
       nodes.value = referenceNodes;
       return vue.createVNode(vue.Fragment, null, [referenceNodes, vue.createVNode(vue.Teleport, {
@@ -10886,6 +10840,8 @@ const fieldPresentationProps = {
 };
 const autoCompleteProps = {
   ...fieldLoadingProps,
+  /** 弹出编辑是否需要确认；默认选中候选项即提交，自定义文本通过确认提交。 */
+  needConfirm: { type: Boolean, default: void 0 },
   searchDelay: { type: Number, default: 250 },
   /** 清空动作产生的模型值；省略保留原默认值。 */
   ...fieldPresentationProps,
@@ -11297,7 +11253,7 @@ const Base$8 = /* @__PURE__ */ vue.defineComponent({
       "aria-activedescendant": computedOpen.value && !loading.value && activeKey.value && enabledOptionKeys.value.includes(activeKey.value) && optionRefs.value[activeKey.value] ? getOptionId(activeKey.value) : void 0,
       autocomplete: "off"
     }));
-    const renderInput = (restAttrs) => vue.createVNode(Input, vue.mergeProps({
+    const renderInput = (restAttrs) => vue.createVNode(SearchInput, vue.mergeProps({
       "loading": loading.value,
       "loadingMode": props2.loadingMode
     }, restAttrs, {
@@ -11385,6 +11341,7 @@ const Base$8 = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _AutoComplete = withFieldPresentation(Base$8, {
+  selectionConfirmation: "select",
   methods: ["focus", "blur", "refresh"],
   defaultPresentation: defaultSelectionPresentation,
   intent: "input",
@@ -11395,7 +11352,7 @@ const _AutoComplete = withFieldPresentation(Base$8, {
     const editorAttrs = { ...attrs, style };
     delete editorAttrs.class;
     return vue.h(
-      _sfc_main$30,
+      _sfc_main$31,
       { kind: "auto-complete" },
       () => vue.h(
         Base$8,
@@ -11496,12 +11453,12 @@ const avatarGroupProps = {
   /** 是否纵向堆叠 */
   vertical: Boolean
 };
-const _hoisted_1$1o = ["role", "tabindex", "aria-label"];
+const _hoisted_1$1p = ["role", "tabindex", "aria-label"];
 const _hoisted_2$C = ["src", "alt"];
-const _hoisted_3$l = ["role", "aria-label", "aria-hidden"];
+const _hoisted_3$m = ["role", "aria-label", "aria-hidden"];
 const _hoisted_4$d = ["src", "alt", "loading"];
 const _hoisted_5$6 = ["src", "alt"];
-const _sfc_main$2O = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$2S = /* @__PURE__ */ vue.defineComponent({
   ...{ name: createNamespace$1("avatar").name, inheritAttrs: false },
   __name: "Avatar",
   props: avatarProps,
@@ -11664,7 +11621,7 @@ const _sfc_main$2O = /* @__PURE__ */ vue.defineComponent({
                 "aria-hidden": props2.alt ? void 0 : true
               }, [
                 vue.createVNode(vue.unref(iconImageClose.IconImageClose), { "aria-hidden": "true" })
-              ], 10, _hoisted_3$l))
+              ], 10, _hoisted_3$m))
             ]) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
               vue.withDirectives(vue.createElementVNode("img", {
                 src: props2.imageUrl,
@@ -11705,7 +11662,7 @@ const _sfc_main$2O = /* @__PURE__ */ vue.defineComponent({
         }, [
           vue.renderSlot(_ctx.$slots, "trigger-icon")
         ], 6)) : vue.createCommentVNode("", true)
-      ], 16, _hoisted_1$1o);
+      ], 16, _hoisted_1$1p);
     };
   }
 });
@@ -11773,8 +11730,8 @@ const popoverProps = {
   /** 再次点击触发元素时关闭。 */
   closeOnClickReference: { type: Boolean, default: true }
 };
-const _hoisted_1$1n = ["aria-labelledby"];
-const _sfc_main$2N = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$1o = ["aria-labelledby"];
+const _sfc_main$2R = /* @__PURE__ */ vue.defineComponent({
   ...{ name: createNamespace$1("popover").name, inheritAttrs: false },
   __name: "Popover",
   props: popoverProps,
@@ -11872,7 +11829,7 @@ const _sfc_main$2N = /* @__PURE__ */ vue.defineComponent({
                 vue.createTextVNode(vue.toDisplayString(_ctx.content), 1)
               ])
             ], 2)
-          ], 16, _hoisted_1$1n)) : vue.createCommentVNode("", true)
+          ], 16, _hoisted_1$1o)) : vue.createCommentVNode("", true)
         ]),
         default: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "default")
@@ -11882,10 +11839,10 @@ const _sfc_main$2N = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Popover = withInstall(_sfc_main$2N, Object.assign(_sfc_main$2N, {}), { components: [_sfc_main$2N] });
+const Popover = withInstall(_sfc_main$2R, Object.assign(_sfc_main$2R, {}), { components: [_sfc_main$2R] });
 const _PopoverComponent = Popover;
 const { name: name$Y, n: n$k, classes: classes$7 } = createNamespace$1("avatar-group");
-const _sfc_main$2M = vue.defineComponent({
+const _sfc_main$2Q = vue.defineComponent({
   name: name$Y,
   props: avatarGroupProps,
   setup(props2, { slots }) {
@@ -11910,7 +11867,7 @@ const _sfc_main$2M = vue.defineComponent({
       );
       if (hidden.length) {
         const summary = vue.h(
-          _sfc_main$2O,
+          _sfc_main$2S,
           { class: n$k("max-count-avatar"), role: "button", tabindex: 0, style: [props2.maxStyle, { zIndex: props2.zIndexAscend ? layerCount : 1 }] },
           { default: () => `+${hidden.length}` }
         );
@@ -11927,14 +11884,14 @@ const _sfc_main$2M = vue.defineComponent({
   }
 });
 const Avatar = withInstall(
-  _sfc_main$2O,
-  Object.assign(_sfc_main$2O, {
-    Group: _sfc_main$2M
+  _sfc_main$2S,
+  Object.assign(_sfc_main$2S, {
+    Group: _sfc_main$2Q
   }),
-  { components: [_sfc_main$2O, _sfc_main$2M] }
+  { components: [_sfc_main$2S, _sfc_main$2Q] }
 );
 const _AvatarComponent = Avatar;
-const _AvatarGroupComponent = _sfc_main$2M;
+const _AvatarGroupComponent = _sfc_main$2Q;
 const easingNames = ["linear", "quartOut", "easeInOutCubic"];
 const backTopProps = {
   /** 浮层挂载容器，false 表示原地绝对定位。 */
@@ -12133,8 +12090,8 @@ function ease(progress, easing) {
   }
   return 1 - (1 - progress) ** 4;
 }
-const _hoisted_1$1m = ["dir", "aria-label"];
-const _sfc_main$2L = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$1n = ["dir", "aria-label"];
+const _sfc_main$2P = /* @__PURE__ */ vue.defineComponent({
   ...{ name: createNamespace$1("back-top").name, inheritAttrs: false },
   __name: "BackTop",
   props: backTopProps,
@@ -12171,7 +12128,7 @@ const _sfc_main$2L = /* @__PURE__ */ vue.defineComponent({
             vue.renderSlot(_ctx.$slots, "default", {}, () => [
               vue.createVNode(vue.unref(iconsVue.IconToTop), { "aria-hidden": "true" })
             ])
-          ], 16, _hoisted_1$1m), [
+          ], 16, _hoisted_1$1n), [
             [vue.vShow, vue.unref(visible)]
           ])
         ], 8, ["to", "disabled"]))
@@ -12179,7 +12136,7 @@ const _sfc_main$2L = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const BackTop = withInstall(_sfc_main$2L, Object.assign(_sfc_main$2L, {}), { components: [_sfc_main$2L] });
+const BackTop = withInstall(_sfc_main$2P, Object.assign(_sfc_main$2P, {}), { components: [_sfc_main$2P] });
 const _BackTopComponent = BackTop;
 const badgeModes = ["floating", "inline"];
 const badgePositions = [
@@ -12239,7 +12196,7 @@ const badgeProps = {
     validator: (value) => badgeVariants.includes(value)
   }
 };
-const _sfc_main$2K = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$2O = /* @__PURE__ */ vue.defineComponent({
   ...{ name: createNamespace$1("badge").name },
   __name: "Badge",
   props: badgeProps,
@@ -12345,7 +12302,7 @@ const _sfc_main$2K = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Badge = withInstall(_sfc_main$2K, Object.assign(_sfc_main$2K, {}), { components: [_sfc_main$2K] });
+const Badge = withInstall(_sfc_main$2O, Object.assign(_sfc_main$2O, {}), { components: [_sfc_main$2O] });
 const _BadgeComponent = Badge;
 const BREADCRUMB_BIND_BREADCRUMB_ITEM_KEY = Symbol("BREADCRUMB_BIND_BREADCRUMB_ITEM_KEY");
 function useBreadcrumbItems() {
@@ -12583,7 +12540,7 @@ const menuProps = {
 const menuInjectionKey = Symbol("Menu");
 const menuLevelKey = Symbol("MenuLevel");
 const menuRenderLevelKey = Symbol("MenuRenderLevel");
-const _sfc_main$2J = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$2N = /* @__PURE__ */ vue.defineComponent({
   ...{ name: createNamespace$1("menu-panel").name },
   __name: "MenuPanel",
   props: { isEmpty: Boolean, bottomOffset: { type: Number, default: 0 }, elevation: { type: [Boolean, Number], default: true }, submenu: Boolean },
@@ -12693,7 +12650,7 @@ function useMenuSelection(options, emit) {
   };
 }
 const menuSelectionKey = Symbol("MenuSelection");
-const _sfc_main$2I = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$2M = /* @__PURE__ */ vue.defineComponent({
   ...{ name: createNamespace$1("menu-option").name },
   __name: "MenuOption",
   props: props$3,
@@ -12943,7 +12900,7 @@ function useMenuLevel(visible, branch) {
   vue.onBeforeUnmount(() => unregister?.());
   return { level, activate: () => parent?.activate(branch) };
 }
-const _sfc_main$2H = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$2L = /* @__PURE__ */ vue.defineComponent({
   ...{ name: createNamespace$1("menu-branch").name },
   __name: "MenuBranch",
   props: menuBranchProps,
@@ -13017,7 +12974,7 @@ const _sfc_main$2H = /* @__PURE__ */ vue.defineComponent({
             computedOpen.value = open22;
           }
         },
-        reference: () => vue.h(_sfc_main$2I, {
+        reference: () => vue.h(_sfc_main$2M, {
           ...props2.option.props,
           value,
           option: props2.option,
@@ -13032,7 +12989,7 @@ const _sfc_main$2H = /* @__PURE__ */ vue.defineComponent({
           ...props2.renderers.hasIcon(props2.option) ? { icon: () => props2.renderers.icon(props2.option, active, props2.level) } : {},
           ...props2.renderers.hasExtra(props2.option) ? { suffix: () => props2.renderers.extra(props2.option, active, props2.level) } : {}
         }),
-        panelComponent: _sfc_main$2J,
+        panelComponent: _sfc_main$2N,
         panelProps: { ref: panel2, submenu: true },
         items: () => slots.default?.()
       };
@@ -13084,7 +13041,7 @@ const MenuOptions = vue.defineComponent({
           vue.h("div", { class: `${getPrefixCls("menu-group")}-title` }, [renderers.label(option2, active, level)]),
           vue.h("ul", { role: "group", class: `${getPrefixCls("menu-group")}-list` }, node.children.map(renderNode))
         ]);
-        if (node.children.length) return vue.h(_sfc_main$2H, {
+        if (node.children.length) return vue.h(_sfc_main$2L, {
           key,
           option: option2,
           fieldNames: props2.fieldNames,
@@ -13100,7 +13057,7 @@ const MenuOptions = vue.defineComponent({
             renderers
           })
         });
-        return vue.h(_sfc_main$2I, {
+        return vue.h(_sfc_main$2M, {
           ...option2.props,
           key,
           value: node.value,
@@ -13117,7 +13074,7 @@ const MenuOptions = vue.defineComponent({
     };
   }
 });
-const _sfc_main$2G = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$2K = /* @__PURE__ */ vue.defineComponent({
   ...{ name: createNamespace$1("menu").name },
   __name: "Menu",
   props: menuProps,
@@ -13192,7 +13149,7 @@ const _sfc_main$2G = /* @__PURE__ */ vue.defineComponent({
         onClosed: () => emit("closed"),
         onClickOutside: (event) => emit("click-outside", event)
       },
-      panelComponent: _sfc_main$2J,
+      panelComponent: _sfc_main$2N,
       panelProps: { ref: panel2, elevation: props2.elevation },
       items: () => vue.h(MenuOptions, { options: props2.options, fieldNames: props2.fieldNames }, {
         label: slots["option-label"],
@@ -13228,11 +13185,11 @@ const _sfc_main$2G = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Menu = withInstall(_sfc_main$2G, Object.assign(_sfc_main$2G, {
-  Option: _sfc_main$2I
-}), { components: [_sfc_main$2G, _sfc_main$2I] });
+const Menu = withInstall(_sfc_main$2K, Object.assign(_sfc_main$2K, {
+  Option: _sfc_main$2M
+}), { components: [_sfc_main$2K, _sfc_main$2M] });
 const _MenuComponent = Menu;
-const _MenuOptionComponent = _sfc_main$2I;
+const _MenuOptionComponent = _sfc_main$2M;
 const {
   name: name$X,
   n: n$j,
@@ -13361,7 +13318,7 @@ const BreadcrumbItem = /* @__PURE__ */ vue.defineComponent({
         "class": classes$6(n$j("dropdown-icon"), [dropdownVisible.value, n$j("--dropdown-icon-active")])
       }, null)])]);
     };
-    const renderDropdownContent = () => slots.droplist?.() ?? props2.droplist?.map((item) => vue.createVNode(_sfc_main$2I, {
+    const renderDropdownContent = () => slots.droplist?.() ?? props2.droplist?.map((item) => vue.createVNode(_sfc_main$2M, {
       "value": item.path
     }, {
       default: () => [item.label]
@@ -13482,6 +13439,59 @@ const Breadcrumb = withInstall(_Breadcrumb, Object.assign(_Breadcrumb, {
 }), { components: [_Breadcrumb, BreadcrumbItem] });
 const _BreadcrumbComponent = Breadcrumb;
 const _BreadcrumbItemComponent = BreadcrumbItem;
+const _sfc_main$2J = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: createNamespace$1("button-group").name
+  },
+  __name: "ButtonGroup",
+  props: buttonGroupProps,
+  setup(__props, { expose: __expose }) {
+    const { n: n2, classes: classes2 } = createNamespace$1("button-group");
+    const props2 = __props;
+    const { bindButtons } = useButtons();
+    const defaultSize = useButtonDefaultSize();
+    const buttonGroupProvider = {
+      elevation: vue.computed(() => props2.elevation),
+      status: vue.computed(() => props2.status),
+      size: vue.computed(() => props2.size ?? defaultSize.value),
+      variant: vue.computed(() => props2.variant),
+      color: vue.computed(() => props2.color),
+      textColor: vue.computed(() => props2.textColor),
+      disabled: vue.computed(() => props2.disabled),
+      stacked: vue.computed(() => props2.stacked),
+      vertical: vue.computed(() => props2.vertical)
+    };
+    bindButtons(buttonGroupProvider);
+    __expose({
+      buttonGroupProvider
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        role: "group",
+        class: vue.normalizeClass(
+          vue.unref(classes2)(
+            vue.unref(n2)(),
+            vue.unref(n2)("$--box"),
+            vue.unref(n2)(`--variant-${_ctx.variant}`),
+            [_ctx.vertical, vue.unref(n2)("--vertical"), vue.unref(n2)("--horizontal")],
+            [_ctx.variant === "default" && !_ctx.disabled, vue.unref(formatElevation)(_ctx.elevation, 2)]
+          )
+        )
+      }, [
+        vue.renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+const Button = withInstall(
+  Button$1,
+  Object.assign(Button$1, {
+    Group: _sfc_main$2J
+  }),
+  { components: [Button$1, _sfc_main$2J] }
+);
+const _ButtonComponent = Button;
+const _ButtonGroupComponent = _sfc_main$2J;
 const calendarProps = {
   /**
    * @zh 绑定值
@@ -14137,12 +14147,12 @@ const NativeEditorOwner = vue.defineComponent({
     return () => slots.default?.();
   }
 });
-const _hoisted_1$1l = ["aria-expanded", "aria-controls", "aria-label"];
+const _hoisted_1$1m = ["aria-expanded", "aria-controls", "aria-label"];
 const _hoisted_2$B = {
   key: 0,
   "aria-hidden": "true"
 };
-const _hoisted_3$k = { role: "status" };
+const _hoisted_3$l = { role: "status" };
 const _hoisted_4$c = {
   key: 1,
   "aria-hidden": "true"
@@ -14156,7 +14166,7 @@ const _hoisted_7$2 = ["id", "aria-label"];
 const _hoisted_8$2 = ["disabled", "aria-label", "onClick"];
 const _hoisted_9$1 = ["aria-label"];
 const _hoisted_10$1 = ["disabled", "aria-label", "onClick"];
-const _sfc_main$2F = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$2I = /* @__PURE__ */ vue.defineComponent({
   ...{ name: createNamespace$1("selected-options").name },
   __name: "SelectedOptions",
   props: {
@@ -14207,9 +14217,9 @@ const _sfc_main$2F = /* @__PURE__ */ vue.defineComponent({
             onClick: _cache[0] || (_cache[0] = ($event) => showSelected.value = !showSelected.value)
           }, [
             showSelected.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$B, "‹")) : vue.createCommentVNode("", true),
-            vue.createElementVNode("span", _hoisted_3$k, vue.toDisplayString(countText.value), 1),
+            vue.createElementVNode("span", _hoisted_3$l, vue.toDisplayString(countText.value), 1),
             !showSelected.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$c, "›")) : vue.createCommentVNode("", true)
-          ], 10, _hoisted_1$1l)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$5, vue.toDisplayString(countText.value), 1)),
+          ], 10, _hoisted_1$1m)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$5, vue.toDisplayString(countText.value), 1)),
           vue.createElementVNode("button", {
             type: "button",
             class: vue.normalizeClass(vue.unref(n2)("clear")),
@@ -14290,7 +14300,7 @@ const _sfc_main$2F = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$2E = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$2H = /* @__PURE__ */ vue.defineComponent({
   ...{ name: createNamespace$1("selection-menu-presentation").name },
   __name: "MenuPresentation",
   props: {
@@ -14372,9 +14382,9 @@ const tagProps = {
   round: { type: Boolean, default: false },
   textColor: String
 };
-const _hoisted_1$1k = ["role", "aria-checked", "aria-disabled", "aria-busy", "tabindex"];
+const _hoisted_1$1l = ["role", "aria-checked", "aria-disabled", "aria-busy", "tabindex"];
 const _hoisted_2$A = ["aria-label", "onKeydown"];
-const _sfc_main$2D = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$2G = /* @__PURE__ */ vue.defineComponent({
   ...{ name: createNamespace$1("tag").name, inheritAttrs: false },
   __name: "Tag",
   props: tagProps,
@@ -14519,14 +14529,14 @@ const _sfc_main$2D = /* @__PURE__ */ vue.defineComponent({
             }, [
               vue.createVNode(vue.unref(iconLoading.IconLoading))
             ], 2)) : vue.createCommentVNode("", true)
-          ], 16, _hoisted_1$1k)) : vue.createCommentVNode("", true)
+          ], 16, _hoisted_1$1l)) : vue.createCommentVNode("", true)
         ]),
         _: 3
       }, 8, ["name"]);
     };
   }
 });
-const Tag = withInstall(_sfc_main$2D, Object.assign(_sfc_main$2D, {}), { components: [_sfc_main$2D] });
+const Tag = withInstall(_sfc_main$2G, Object.assign(_sfc_main$2G, {}), { components: [_sfc_main$2G] });
 const _TagComponent = Tag;
 const selectionFieldProps = {
   openTriggerTarget: openTriggerTargetProp,
@@ -14596,7 +14606,7 @@ const tooltipProps = {
   /** 无内容时不创建提示浮层。 */
   hideEmpty: { type: Boolean, default: true }
 };
-const _sfc_main$2C = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$2F = /* @__PURE__ */ vue.defineComponent({
   ...{ name: createNamespace$1("tooltip").name, inheritAttrs: false },
   __name: "Tooltip",
   props: tooltipProps,
@@ -14702,7 +14712,7 @@ let nextDirectiveId = 0;
 const TooltipComponent = vue.defineComponent({
   props: ["options", "reference", "onVisibility"],
   setup(props2) {
-    return () => vue.h(_sfc_main$2C, {
+    return () => vue.h(_sfc_main$2F, {
       ...props2.options,
       reference: props2.reference,
       defaultOpen: true,
@@ -14794,7 +14804,7 @@ const vTooltip = {
     return binding.arg === "ellipsis" ? { class: "text-ellipsis" } : {};
   }
 };
-const Tooltip = withInstall(_sfc_main$2C, Object.assign(_sfc_main$2C, {
+const Tooltip = withInstall(_sfc_main$2F, Object.assign(_sfc_main$2F, {
   directive: vTooltip
 }), {
   setup: (app) => {
@@ -14802,8 +14812,8 @@ const Tooltip = withInstall(_sfc_main$2C, Object.assign(_sfc_main$2C, {
   }
 });
 const _TooltipComponent = Tooltip;
-const _hoisted_1$1j = ["tabindex", "role"];
-const _sfc_main$2B = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$1k = ["tabindex", "role"];
+const _sfc_main$2E = /* @__PURE__ */ vue.defineComponent({
   ...{ name: createNamespace$1("selection-tag-label").name },
   __name: "SelectionTagLabel",
   props: { disabled: Boolean },
@@ -14884,16 +14894,16 @@ const _sfc_main$2B = /* @__PURE__ */ vue.defineComponent({
             onKeydown: handleKeydown
           }, [
             vue.renderSlot(_ctx.$slots, "default")
-          ], 42, _hoisted_1$1j)
+          ], 42, _hoisted_1$1k)
         ]),
         _: 3
       }, 8, ["open", "content", "disabled"]);
     };
   }
 });
-const _hoisted_1$1i = ["id", "value", "placeholder", "disabled", "readonly", "aria-expanded", "aria-invalid", "aria-describedby", "aria-busy", "aria-autocomplete"];
+const _hoisted_1$1j = ["id", "value", "placeholder", "disabled", "readonly", "aria-expanded", "aria-invalid", "aria-describedby", "aria-busy", "aria-autocomplete"];
 const _hoisted_2$z = ["tabindex", "disabled", "aria-label", "aria-expanded", "aria-haspopup", "aria-controls"];
-const _sfc_main$2A = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$2D = /* @__PURE__ */ vue.defineComponent({
   ...{ name: createNamespace$1("selection-field").name, inheritAttrs: false },
   __name: "SelectionField",
   props: selectionFieldProps,
@@ -15000,7 +15010,7 @@ const _sfc_main$2A = /* @__PURE__ */ vue.defineComponent({
     }
     __expose({ inputRef, focus, blur });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$2_, vue.mergeProps(decoration.value, {
+      return vue.openBlock(), vue.createBlock(_sfc_main$2$, vue.mergeProps(decoration.value, {
         "decorative-hint": "",
         class: vue.unref(classes2)(
           vue.unref(n2)(),
@@ -15063,7 +15073,7 @@ const _sfc_main$2A = /* @__PURE__ */ vue.defineComponent({
                       onClose: ($event) => remove(item)
                     }), {
                       default: vue.withCtx(() => [
-                        _ctx.tagNowrap || item.tagProps?.nowrap ? (vue.openBlock(), vue.createBlock(_sfc_main$2B, {
+                        _ctx.tagNowrap || item.tagProps?.nowrap ? (vue.openBlock(), vue.createBlock(_sfc_main$2E, {
                           key: 0,
                           disabled: _ctx.disabled
                         }, {
@@ -15139,7 +15149,7 @@ const _sfc_main$2A = /* @__PURE__ */ vue.defineComponent({
               onCompositionstart: _cache[2] || (_cache[2] = ($event) => composing.value = true),
               onCompositionend: handleCompositionEnd,
               onKeydown: handleKeydown
-            }), null, 16, _hoisted_1$1i)
+            }), null, 16, _hoisted_1$1j)
           ], 6)
         ]),
         _: 2
@@ -15533,6 +15543,7 @@ function useSelectController(props2, { emit }) {
     () => props2.modelValue !== void 0 ? props2.modelValue : _value.value
   );
   const deferred = vue.computed(() => editMode.value !== "direct");
+  const needConfirm = vue.computed(() => props2.needConfirm ?? props2.multiple);
   const publish = (value) => {
     _value.value = value;
     emit("update:modelValue", value);
@@ -15754,6 +15765,10 @@ function useSelectController(props2, { emit }) {
         handleOpenChange(false);
       }
     }
+    nativeOwner?.onSelect?.(ev);
+    if (deferred.value && !needConfirm.value) {
+      void session.commit(ev);
+    }
   };
   const handleSearch = useFieldSearch(
     () => props2.searchDelay,
@@ -15793,6 +15808,9 @@ function useSelectController(props2, { emit }) {
     }
     const newKeys = computedValueObjects.value.map((item) => item.key).filter((_key) => _key !== key);
     session.update(getValueFromValueKeys(newKeys));
+    if (deferred.value && !needConfirm.value) {
+      void session.commit();
+    }
     emit("remove", optionInfo?.value);
   };
   const clearSelection = (e) => {
@@ -15817,6 +15835,7 @@ function useSelectController(props2, { emit }) {
       clearedValue = [];
     }
     session.update(clearedValue);
+    if (deferred.value && !needConfirm.value) void session.commit();
     updateInputValue("");
     if (!deferred.value) {
       eventHandlers.value?.onClear?.();
@@ -15922,7 +15941,9 @@ function useSelectController(props2, { emit }) {
     props: vue.shallowReactive(props2),
     listboxId,
     activeDescendant: vue.computed(() => computedOpen.value && !loading.value && activeKey.value && enabledOptionKeys.value.includes(activeKey.value) && (optionRefs.value[activeKey.value] || !props2.virtualListProps && optionInfoMap.get(activeKey.value)?.ref) ? getOptionId(activeKey.value) : void 0),
-    provideNativeEditorOwner: () => vue.provide(selectNativeEditorOwner, { source, selectedOptions: _selectedOption }),
+    provideNativeEditorOwner: () => vue.provide(selectNativeEditorOwner, { source, selectedOptions: _selectedOption, onSelect: (event) => {
+      if (!needConfirm.value) void session.commit(event);
+    } }),
     loading,
     refresh: source.refresh,
     registerPresentation: presentationState.register,
@@ -15968,7 +15989,8 @@ function useSelectController(props2, { emit }) {
     handleDropdownReachBottom,
     session,
     deferred,
-    canConfirm
+    canConfirm,
+    needConfirm
   };
 }
 function _isSlot$b(s) {
@@ -16027,7 +16049,7 @@ const Select$1 = /* @__PURE__ */ vue.defineComponent({
         controller.handleKeyDown(event);
       }
     };
-    const renderEditor = () => vue.createVNode(_sfc_main$2F, {
+    const renderEditor = () => vue.createVNode(_sfc_main$2I, {
       "open": controller.computedOpen,
       "multiple": props2.multiple,
       "items": controller.selectedItems.map((item) => ({
@@ -16042,7 +16064,7 @@ const Select$1 = /* @__PURE__ */ vue.defineComponent({
       "onRemove": (key) => controller.handleRemove(String(key)),
       "onClear": controller.clearSelection
     }, {
-      default: () => [(props2.filterable || props2.creatable) && vue.createVNode(Input, {
+      default: () => [(props2.filterable || props2.creatable) && vue.createVNode(SearchInput, {
         "modelValue": controller.computedInputValue,
         "editMode": "direct",
         "hint": false,
@@ -16075,14 +16097,14 @@ const Select$1 = /* @__PURE__ */ vue.defineComponent({
         style,
         ...restAttrs
       } = attrs;
-      const Presentation = _sfc_main$2E;
+      const Presentation = _sfc_main$2H;
       const text = controller.fieldItems.map((item) => {
         const raw = controller.optionInfoMap.get(String(item.key))?.raw;
         const formatted = raw && isFunction(props2.formatLabel) ? props2.formatLabel(raw) : item.label;
         return String(typeof formatted === "string" || typeof formatted === "number" ? formatted : item.label ?? "");
       }).join(props2.separator);
       if (controller.editMode !== "direct" || controller.readPretty) {
-        return vue.createVNode(_sfc_main$31, vue.mergeProps({
+        return vue.createVNode(_sfc_main$32, vue.mergeProps({
           "loading": controller.loading,
           "ref": presentationRef,
           "style": props2.textAlign ? {
@@ -16108,7 +16130,7 @@ const Select$1 = /* @__PURE__ */ vue.defineComponent({
           "disabled": controller.mergedDisabled,
           "readonly": controller.mergedReadonly,
           "limit": props2.limit,
-          "needConfirm": controller.deferred,
+          "needConfirm": controller.deferred && controller.needConfirm,
           "pending": controller.session.pending,
           "error": controller.session.error || controller.presentationError,
           "onOpen": controller.handleOpenChange,
@@ -16131,7 +16153,7 @@ const Select$1 = /* @__PURE__ */ vue.defineComponent({
                 editMode: "direct",
                 readPretty: false,
                 beforeCommit: void 0,
-                open: void 0,
+                open: controller.needConfirm ? void 0 : true,
                 defaultOpen: true,
                 modelValue: controller.session.value,
                 disabled: controller.mergedDisabled || controller.session.pending,
@@ -16140,9 +16162,15 @@ const Select$1 = /* @__PURE__ */ vue.defineComponent({
                 onKeydown: (event) => emit("keydown", event),
                 onSearch: (...args) => emit("search", ...args),
                 onChange: () => {
+                },
+                onClear: () => {
+                  if (!controller.needConfirm) void controller.session.commit();
+                },
+                onRemove: () => {
+                  if (!controller.needConfirm) void controller.session.commit();
                 }
               }, slots)
-            }) : vue.createVNode(_sfc_main$30, {
+            }) : vue.createVNode(_sfc_main$31, {
               "kind": "select"
             }, _isSlot$b(_slot = renderEditor()) ? _slot : {
               default: () => [_slot]
@@ -16153,7 +16181,7 @@ const Select$1 = /* @__PURE__ */ vue.defineComponent({
       return vue.createVNode(Presentation, {
         "controller": controller
       }, {
-        default: () => vue.createVNode(_sfc_main$2F, {
+        default: () => vue.createVNode(_sfc_main$2I, {
           "open": controller.computedOpen,
           "multiple": props2.multiple,
           "items": controller.selectedItems.map((item) => ({
@@ -16175,7 +16203,7 @@ const Select$1 = /* @__PURE__ */ vue.defineComponent({
         reference: () => slots.trigger?.() ?? vue.createVNode("div", {
           "class": [classes2(n2()), className],
           "style": style
-        }, [vue.createVNode(_sfc_main$2A, vue.mergeProps({
+        }, [vue.createVNode(_sfc_main$2D, vue.mergeProps({
           "ref": fieldRef,
           "openTriggerTarget": props2.openTriggerTarget,
           "showTags": props2.showTags,
@@ -16224,7 +16252,7 @@ const Select$1 = /* @__PURE__ */ vue.defineComponent({
           "arrow-icon": slots["arrow-icon"],
           "loading-icon": slots["loading-icon"],
           "search-icon": slots["search-icon"],
-          suffix: () => slots.suffix?.() ?? (controller.feedback ? vue.createVNode(_sfc_main$2Z, {
+          suffix: () => slots.suffix?.() ?? (controller.feedback ? vue.createVNode(_sfc_main$2_, {
             "status": controller.feedback
           }, null) : null),
           "clear-icon": slots["clear-icon"]
@@ -16672,8 +16700,8 @@ function useRadioRegistration(navigation, item) {
   vue.onScopeDispose(stop);
   return vue.computed(() => navigation ? navigation.tabIndex(item) : item.disabled() ? void 0 : 0);
 }
-const _hoisted_1$1h = ["name", "value", "checked", "disabled", "tabindex", "aria-label", "aria-readonly", "aria-describedby", "aria-invalid"];
-const _sfc_main$2z = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$1i = ["name", "value", "checked", "disabled", "tabindex", "aria-label", "aria-readonly", "aria-describedby", "aria-invalid"];
+const _sfc_main$2C = /* @__PURE__ */ vue.defineComponent({
   ...{ name: createNamespace$1("radio").name, inheritAttrs: false },
   __name: "radio",
   props: radioProps,
@@ -16819,7 +16847,7 @@ const _sfc_main$2z = /* @__PURE__ */ vue.defineComponent({
           (...args) => vue.unref(keyboard).keyup && vue.unref(keyboard).keyup(...args)),
           onFocus: handleFocus,
           onBlur: handleBlur
-        }), null, 16, _hoisted_1$1h),
+        }), null, 16, _hoisted_1$1i),
         variant.value === "button" ? (vue.openBlock(), vue.createElementBlock("span", {
           key: 0,
           class: vue.normalizeClass(vue.unref(n2)("button-label"))
@@ -16868,9 +16896,9 @@ const _sfc_main$2z = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _Radio = withFieldPresentation(_sfc_main$2z, { methods: ["select", "focus", "blur"] });
-const _hoisted_1$1g = ["aria-describedby", "aria-busy", "aria-label", "aria-disabled", "aria-readonly", "aria-invalid"];
-const _sfc_main$2y = /* @__PURE__ */ vue.defineComponent({
+const _Radio = withFieldPresentation(_sfc_main$2C, { methods: ["select", "focus", "blur"] });
+const _hoisted_1$1h = ["aria-describedby", "aria-busy", "aria-label", "aria-disabled", "aria-readonly", "aria-invalid"];
+const _sfc_main$2B = /* @__PURE__ */ vue.defineComponent({
   ...{ name: createNamespace$1("radio-group").name, inheritAttrs: false },
   __name: "radio-group",
   props: radioGroupProps,
@@ -16952,11 +16980,11 @@ const _sfc_main$2y = /* @__PURE__ */ vue.defineComponent({
             _: 2
           }, 1032, ["value", "disabled", "readonly"]);
         }), 128)) : vue.renderSlot(_ctx.$slots, "default", { key: 1 })
-      ], 16, _hoisted_1$1g);
+      ], 16, _hoisted_1$1h);
     };
   }
 });
-const RadioGroup = withFieldPresentation(_sfc_main$2y, { text: optionValueText });
+const RadioGroup = withFieldPresentation(_sfc_main$2B, { text: optionValueText });
 const Radio = withInstall(
   _Radio,
   Object.assign(_Radio, {
@@ -17510,7 +17538,7 @@ const iconProps = {
 };
 const registeredPrefix = "C";
 const spinClass = "c-icon-spin";
-const _sfc_main$2x = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$2A = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: createNamespace$1("icon").name
   },
@@ -17655,7 +17683,7 @@ const _sfc_main$2x = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Icon = withInstall(_sfc_main$2x);
+const Icon = withInstall(_sfc_main$2A);
 const _IconComponent = Icon;
 const cardVariants = ["default", "outline", "tonal"];
 const cardSizes = ["sm", "md"];
@@ -17770,8 +17798,8 @@ const dividerProps = {
     validator: process.env.NODE_ENV !== "production" ? isValidDividerOpacity : void 0
   }
 };
-const _hoisted_1$1f = ["aria-orientation"];
-const _sfc_main$2w = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$1g = ["aria-orientation"];
+const _sfc_main$2z = /* @__PURE__ */ vue.defineComponent({
   ...{ name: createNamespace$1("divider").name },
   __name: "Divider",
   props: dividerProps,
@@ -17876,11 +17904,11 @@ const _sfc_main$2w = /* @__PURE__ */ vue.defineComponent({
             class: vue.normalizeClass(vue.unref(n2)("text"))
           }, vue.toDisplayString(_ctx.description), 3)) : vue.createCommentVNode("", true)
         ])
-      ], 14, _hoisted_1$1f);
+      ], 14, _hoisted_1$1g);
     };
   }
 });
-const Divider = withInstall(_sfc_main$2w, Object.assign(_sfc_main$2w, {}), { components: [_sfc_main$2w] });
+const Divider = withInstall(_sfc_main$2z, Object.assign(_sfc_main$2z, {}), { components: [_sfc_main$2z] });
 const _DividerComponent = Divider;
 function useCardSize(size) {
   const { mergedSize } = useSize$1(vue.computed(size));
@@ -17890,11 +17918,11 @@ function useCardCloseLabel() {
   const { t } = useI18n();
   return vue.computed(() => t("common.close"));
 }
-const _hoisted_1$1e = ["src", "alt"];
+const _hoisted_1$1f = ["src", "alt"];
 const _hoisted_2$y = ["inert", "aria-hidden"];
-const _hoisted_3$j = ["inert", "aria-hidden"];
+const _hoisted_3$k = ["inert", "aria-hidden"];
 const RIPPLE_DELAY = 500;
-const _sfc_main$2v = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$2y = /* @__PURE__ */ vue.defineComponent({
   ...{ name: createNamespace$1("card").name },
   __name: "Card",
   props: cardProps,
@@ -17970,6 +17998,29 @@ const _sfc_main$2v = /* @__PURE__ */ vue.defineComponent({
     const { onStackTop } = usePopupLayer(wantsFloating, zIndex, () => card.value?.ownerDocument, true);
     const available2 = () => active && !disposed;
     let openingWaiting = false;
+    let cancelOpeningFrames;
+    function waitForOwnerFrames(view) {
+      cancelOpeningFrames?.();
+      return new Promise((resolve) => {
+        let handle;
+        let settled = false;
+        const finish = (completed) => {
+          if (settled) return;
+          settled = true;
+          if (cancelOpeningFrames === cancel) cancelOpeningFrames = void 0;
+          resolve(completed);
+        };
+        const cancel = () => {
+          if (handle !== void 0) view.cancelAnimationFrame?.(handle);
+          finish(false);
+        };
+        cancelOpeningFrames = cancel;
+        handle = view.requestAnimationFrame(() => {
+          if (settled) return;
+          handle = view.requestAnimationFrame(() => finish(true));
+        });
+      });
+    }
     let reducedMotion = false;
     let stopMotionTracking;
     function trackMotion(element2) {
@@ -18005,6 +18056,7 @@ const _sfc_main$2v = /* @__PURE__ */ vue.defineComponent({
       wantsFloating,
       (value) => {
         const token = ++generation;
+        cancelOpeningFrames?.();
         if (!active) {
           if (!disposed && value) trackInactiveFocus();
           else {
@@ -18035,6 +18087,7 @@ const _sfc_main$2v = /* @__PURE__ */ vue.defineComponent({
         return;
       }
       const token = ++generation;
+      cancelOpeningFrames?.();
       const element2 = card.value;
       let consumed = false;
       clearTimeout(floater.value ?? void 0);
@@ -18061,7 +18114,14 @@ const _sfc_main$2v = /* @__PURE__ */ vue.defineComponent({
           dropdownFloaterTop = floaterTop.value;
           dropdownFloaterLeft = floaterLeft.value;
           showFloatingButtons.value = true;
-          if (!reducedMotion) await sharedVue.doubleRaf();
+          if (!reducedMotion) {
+            const view = element2.ownerDocument.defaultView;
+            if (view && typeof document !== "undefined" && element2.ownerDocument !== document && typeof view.requestAnimationFrame === "function") {
+              if (!await waitForOwnerFrames(view)) return;
+            } else {
+              await sharedVue.doubleRaf();
+            }
+          }
           if (!current(token, element2) || !wantsFloating()) {
             return;
           }
@@ -18083,6 +18143,7 @@ const _sfc_main$2v = /* @__PURE__ */ vue.defineComponent({
         return;
       }
       const token = ++generation;
+      cancelOpeningFrames?.();
       const element2 = card.value;
       let consumed = false;
       clearTimeout(dropper);
@@ -18171,6 +18232,7 @@ const _sfc_main$2v = /* @__PURE__ */ vue.defineComponent({
       }
     });
     function cleanup() {
+      cancelOpeningFrames?.();
       openingWaiting = false;
       active = false;
       generation++;
@@ -18227,7 +18289,7 @@ const _sfc_main$2v = /* @__PURE__ */ vue.defineComponent({
               }),
               src: _ctx.src,
               alt: _ctx.alt
-            }, null, 14, _hoisted_1$1e)) : vue.createCommentVNode("", true)
+            }, null, 14, _hoisted_1$1f)) : vue.createCommentVNode("", true)
           ]),
           vue.createElementVNode("div", {
             class: vue.normalizeClass(vue.unref(n2)("container"))
@@ -18316,7 +18378,7 @@ const _sfc_main$2v = /* @__PURE__ */ vue.defineComponent({
             })
           }, [
             vue.renderSlot(_ctx.$slots, "close-button", {}, () => [
-              vue.createVNode(vue.unref(Button), {
+              vue.createVNode(vue.unref(Button$1), {
                 "data-card-cover": "",
                 class: vue.normalizeClass(vue.unref(classes2)(vue.unref(n2)("close-button"), vue.unref(n2)("$-elevation--6"))),
                 "aria-label": props2.closeButtonAriaLabel ?? vue.unref(closeLabel),
@@ -18336,7 +18398,7 @@ const _sfc_main$2v = /* @__PURE__ */ vue.defineComponent({
                 _: 1
               }, 8, ["class", "aria-label"])
             ])
-          ], 14, _hoisted_3$j)) : vue.createCommentVNode("", true)
+          ], 14, _hoisted_3$k)) : vue.createCommentVNode("", true)
         ], 38),
         vue.createElementVNode("div", {
           class: vue.normalizeClass(vue.unref(n2)("holder")),
@@ -18351,7 +18413,7 @@ const _sfc_main$2v = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Card = withInstall(_sfc_main$2v, Object.assign(_sfc_main$2v, {}), { components: [_sfc_main$2v] });
+const Card = withInstall(_sfc_main$2y, Object.assign(_sfc_main$2y, {}), { components: [_sfc_main$2y] });
 const _CardComponent = Card;
 const carouselInjectionKey = Symbol("Carousel");
 function normalizeIndex(value, length, loop = false) {
@@ -18469,7 +18531,7 @@ function useCarouselLocale() {
     goto: (index) => String(t("carousel.goto")).replace("{index}", String(index))
   }));
 }
-const _sfc_main$2u = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$2x = /* @__PURE__ */ vue.defineComponent({
   ...{ name: createNamespace$1("carousel").name, inheritAttrs: false },
   __name: "carousel",
   props: carouselProps,
@@ -19197,8 +19259,8 @@ const _sfc_main$2u = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$1d = ["aria-label", "aria-hidden", "inert"];
-const _sfc_main$2t = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$1e = ["aria-label", "aria-hidden", "inert"];
+const _sfc_main$2w = /* @__PURE__ */ vue.defineComponent({
   ...{ name: createNamespace$1("carousel-item").name },
   __name: "CarouselItem",
   props: carouselItemProps,
@@ -19235,15 +19297,15 @@ const _sfc_main$2t = /* @__PURE__ */ vue.defineComponent({
         tabindex: "-1"
       }, [
         vue.renderSlot(_ctx.$slots, "default")
-      ], 14, _hoisted_1$1d);
+      ], 14, _hoisted_1$1e);
     };
   }
 });
-const Carousel = withInstall(_sfc_main$2u, Object.assign(_sfc_main$2u, { Item: _sfc_main$2t }), {
-  components: [_sfc_main$2u, _sfc_main$2t]
+const Carousel = withInstall(_sfc_main$2x, Object.assign(_sfc_main$2x, { Item: _sfc_main$2w }), {
+  components: [_sfc_main$2x, _sfc_main$2w]
 });
 const _CarouselComponent = Carousel;
-const _CarouselItemComponent = _sfc_main$2t;
+const _CarouselItemComponent = _sfc_main$2w;
 const checkboxGroupKey = Symbol("CheckboxGroup");
 const checkboxProps = {
   ...fieldPresentationProps,
@@ -19344,10 +19406,10 @@ function useChoiceForm(props2) {
     error: vue.toRef(props2, "error")
   });
 }
-const _hoisted_1$1c = ["aria-disabled"];
+const _hoisted_1$1d = ["aria-disabled"];
 const _hoisted_2$x = ["name", "value", "checked", "indeterminate", "disabled", "aria-label", "aria-readonly", "aria-describedby", "aria-invalid"];
-const _hoisted_3$i = ["aria-hidden"];
-const _sfc_main$2s = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_3$j = ["aria-hidden"];
+const _sfc_main$2v = /* @__PURE__ */ vue.defineComponent({
   ...{ name: createNamespace$1("checkbox").name, inheritAttrs: false },
   __name: "checkbox",
   props: checkboxProps,
@@ -19527,7 +19589,7 @@ const _sfc_main$2s = /* @__PURE__ */ vue.defineComponent({
               }, null, 2)
             ])
           ], 64))
-        ], 10, _hoisted_3$i)), [
+        ], 10, _hoisted_3$j)), [
           [vue.unref(Ripple), { disabled: mergedDisabled.value || mergedReadonly.value || !_ctx.ripple }]
         ]),
         _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("span", {
@@ -19536,115 +19598,12 @@ const _sfc_main$2s = /* @__PURE__ */ vue.defineComponent({
         }, [
           vue.renderSlot(_ctx.$slots, "default", { checked: vue.unref(checked) })
         ], 2)) : vue.createCommentVNode("", true)
-      ], 16, _hoisted_1$1c);
-    };
-  }
-});
-const _Checkbox = withFieldPresentation(_sfc_main$2s, { methods: ["toggle", "focus", "blur"] });
-const _hoisted_1$1b = ["aria-describedby", "aria-busy", "aria-label", "aria-disabled"];
-const _sfc_main$2r = /* @__PURE__ */ vue.defineComponent({
-  ...{ name: createNamespace$1("checkbox-group").name, inheritAttrs: false },
-  __name: "checkbox-group",
-  props: checkboxGroupProps,
-  emits: ["update:open", "open-change", "load-error", "update:modelValue", "change"],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const { n: n2, classes: classes2 } = createNamespace$1("checkbox-group");
-    const props2 = __props;
-    const { errorId, describe: describeError } = useFormErrorDescription();
-    const resolvedOrientation = vue.computed(() => props2.orientation === "vertical" ? "vertical" : "horizontal");
-    const slots = vue.useSlots();
-    const emit = __emit;
-    const { mergedDisabled, mergedReadonly, mergedError, eventHandlers } = useChoiceForm(props2);
-    const source = useOptionRequest(
-      () => props2.options,
-      () => mergedDisabled.value || mergedReadonly.value || !!props2.readPretty,
-      (error) => emit("load-error", error),
-      () => 0,
-      checkboxGroupProps
-    );
-    const { value: computedValue, commit: handleChange } = useChoiceState(
-      () => props2.modelValue === null ? [] : props2.modelValue,
-      props2.defaultValue,
-      (value, event) => {
-        emit("update:modelValue", value);
-        emit("change", value, event);
-        eventHandlers.value?.onChange?.(event);
-      },
-      () => mergedDisabled.value || mergedReadonly.value
-    );
-    const normalizedOptions = vue.computed(() => normalizeChoiceOptions(source.options.value, props2.fieldNames));
-    const isMaxed = vue.computed(() => computedValue.value.length >= choiceLimit(props2.max));
-    const { register: registerChoice, methods: methods2 } = useCheckboxGroupMethods(
-      () => computedValue.value,
-      handleChange,
-      () => mergedDisabled.value || mergedReadonly.value,
-      () => props2.max
-    );
-    vue.provide(
-      checkboxGroupKey,
-      vue.reactive({
-        registerChoice,
-        computedValue,
-        disabled: mergedDisabled,
-        readonly: mergedReadonly,
-        error: mergedError,
-        formErrorId: errorId,
-        isMaxed,
-        name: vue.computed(() => props2.name),
-        slots,
-        handleChange
-      })
-    );
-    __expose(methods2);
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps(_ctx.$attrs, {
-        "aria-describedby": vue.unref(describeError)(_ctx.$attrs["aria-describedby"]),
-        class: vue.unref(classes2)(vue.unref(n2)(), vue.unref(n2)(`--${resolvedOrientation.value}`)),
-        "aria-busy": vue.unref(source).loading.value || void 0,
-        role: "group",
-        "aria-label": _ctx.ariaLabel,
-        "aria-disabled": vue.unref(mergedDisabled) || void 0
-      }), [
-        props2.options !== void 0 ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(normalizedOptions.value, (option2) => {
-          return vue.openBlock(), vue.createBlock(vue.unref(_Checkbox), {
-            key: `${typeof option2.value}:${String(option2.value)}`,
-            "edit-mode": "direct",
-            value: option2.value,
-            disabled: option2.disabled,
-            readonly: option2.readonly,
-            indeterminate: option2.indeterminate
-          }, {
-            default: vue.withCtx(({ checked }) => [
-              vue.renderSlot(_ctx.$slots, "label", {
-                data: option2,
-                checked
-              }, () => [
-                vue.createVNode(vue.unref(ChoiceLabel), {
-                  content: typeof option2.label === "function" ? option2.label(option2, checked) : option2.label
-                }, null, 8, ["content"])
-              ])
-            ]),
-            _: 2
-          }, 1032, ["value", "disabled", "readonly", "indeterminate"]);
-        }), 128)) : vue.renderSlot(_ctx.$slots, "default", { key: 1 })
-      ], 16, _hoisted_1$1b);
+      ], 16, _hoisted_1$1d);
     };
   }
 });
-const CheckboxGroup = withFieldPresentation(_sfc_main$2r, {
-  text: optionValueText,
-  methods: ["checkAll", "inverseAll"],
-  inactiveMethod: (_name, value) => Array.isArray(value) ? [...value] : []
-});
-const Checkbox = withInstall(
-  _Checkbox,
-  Object.assign(_Checkbox, {
-    Group: CheckboxGroup
-  }),
-  { components: [_Checkbox, CheckboxGroup] }
-);
-const _CheckboxComponent = Checkbox;
-const _CheckboxGroupComponent = CheckboxGroup;
+const Checkbox$1 = withFieldPresentation(_sfc_main$2v, { methods: ["toggle", "focus", "blur"] });
+const _Checkbox = withPropsDefaultsSetter(Checkbox$1, Checkbox$1.props);
 const cascaderInjectionKey = Symbol("CedarCascader");
 function collectTreeLeaves(nodes, children, disabled = () => false, isLeaf = (node) => !children(node)?.length) {
   return nodes.flatMap((node) => disabled(node) ? [] : isLeaf(node) ? [node] : collectTreeLeaves(children(node) ?? [], children, disabled, isLeaf));
@@ -19794,6 +19753,8 @@ const getValidValues = (value, { multiple, pathMode }) => {
 const getOptionLabel = (option2) => {
   return option2.path.map((item) => item.label).join(" / ");
 };
+const INTERACTIVE_ROLES = /* @__PURE__ */ new Set(["button", "link", "checkbox", "radio", "switch", "textbox", "combobox", "menuitem", "menuitemcheckbox", "menuitemradio", "option", "treeitem", "gridcell", "slider", "spinbutton", "tab"]);
+const CONCRETE_ROLES = new Set("alert alertdialog application article banner blockquote button caption cell checkbox code columnheader combobox comment complementary contentinfo definition deletion directory document emphasis feed figure form generic grid gridcell group heading image img insertion link list listbox listitem log main mark marquee math menu menubar menuitem menuitemcheckbox menuitemradio meter navigation none note option paragraph presentation progressbar radio radiogroup region row rowgroup rowheader scrollbar search searchbox sectionfooter sectionheader separator slider spinbutton status strong suggestion subscript superscript switch tab table tablist tabpanel term textbox time timer toolbar tooltip tree treegrid treeitem doc-abstract doc-acknowledgments doc-afterword doc-appendix doc-backlink doc-biblioentry doc-bibliography doc-biblioref doc-chapter doc-colophon doc-conclusion doc-cover doc-credit doc-credits doc-dedication doc-endnote doc-endnotes doc-epigraph doc-epilogue doc-errata doc-example doc-footnote doc-foreword doc-glossary doc-glossref doc-index doc-introduction doc-noteref doc-notice doc-pagebreak doc-pagefooter doc-pageheader doc-pagelist doc-part doc-preface doc-prologue doc-pullquote doc-qna doc-subtitle doc-tip doc-toc graphics-document graphics-object graphics-symbol".split(" "));
 function ownsOptionClick(event) {
   if (event.defaultPrevented) return false;
   const boundary = event.currentTarget;
@@ -19811,7 +19772,10 @@ function ownsOptionClick(event) {
     if (item === boundary) break;
     const element2 = item;
     if (element2?.nodeType !== 1 || typeof element2.matches !== "function") continue;
-    if (element2.matches('li[data-cascader-key], button, a[href], input, select, textarea, summary, [contenteditable]:not([contenteditable="false"]), [role="button"], [role="link"], [role="checkbox"], [role="radio"], [role="switch"], [role="textbox"], [role="combobox"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="option"], [role="treeitem"], [role="gridcell"], [role="slider"], [role="spinbutton"], [role="tab"]')) return false;
+    const primaryRole = element2.getAttribute("role")?.trim().split(/\s+/).find((role) => CONCRETE_ROLES.has(role));
+    if (primaryRole && INTERACTIVE_ROLES.has(primaryRole)) return false;
+    if (element2.hasAttribute("tabindex") && element2.tabIndex >= 0) return false;
+    if (element2.matches('li[data-cascader-key], button, a[href], input, select, textarea, summary, audio[controls], video[controls], [contenteditable]:not([contenteditable="false"])')) return false;
     if (element2.matches("label") && (element2.htmlFor || element2.querySelector("input, button, select, textarea"))) return false;
   }
   return true;
@@ -19876,7 +19840,9 @@ const CascaderOption = /* @__PURE__ */ vue.defineComponent({
       },
       onMouseleave: (event) => {
         const element2 = event.currentTarget;
-        const focused = element2.ownerDocument.activeElement;
+        const nodeRoot = element2.getRootNode();
+        const focusRoot = "activeElement" in nodeRoot ? nodeRoot : element2.ownerDocument;
+        const focused = focusRoot.activeElement;
         let focusedOption = focused?.closest("[data-cascader-key]");
         const panelSelector = `.${getPrefixCls("cascader")}-panel, .${getPrefixCls("cascader")}-editor-panel`;
         const panel2 = element2.closest(panelSelector);
@@ -19957,7 +19923,7 @@ const CascaderOption = /* @__PURE__ */ vue.defineComponent({
     }, events), [props2.multiple && vue.createVNode("span", {
       "class": `${prefixCls2}-checkbox`,
       "onClick": (event) => event.stopPropagation()
-    }, [vue.createVNode(Checkbox, {
+    }, [vue.createVNode(_Checkbox, {
       "editMode": "direct",
       "uninjectGroupContext": true,
       "modelValue": Boolean(checkedStatus.value.checked),
@@ -19969,9 +19935,7 @@ const CascaderOption = /* @__PURE__ */ vue.defineComponent({
         if (props2.option.disabled || props2.option.selectionDisabled) {
           return;
         }
-        const task = handlePathChange(new Event("change"));
         cascaderCtx.onClickOption?.(props2.option, Boolean(checked));
-        return task;
       }
     }, null)]), vue.createVNode("div", {
       "class": `${prefixCls2}-label`
@@ -20342,9 +20306,11 @@ function useCascaderFocus(activeKey) {
   vue.onBeforeUnmount(() => cancelPendingFocus?.());
   return (root, option2, originPanel, panelSelector) => {
     const key = activeKey.value;
-    if (!key || !root.contains(option2) || root.ownerDocument.activeElement !== option2) return;
-    cancelPendingFocus?.();
     const document2 = root.ownerDocument;
+    const nodeRoot = root.getRootNode();
+    const focusRoot = "activeElement" in nodeRoot ? nodeRoot : document2;
+    if (!key || !root.contains(option2) || focusRoot.activeElement !== option2) return;
+    cancelPendingFocus?.();
     const view = document2.defaultView;
     if (!view) return;
     let observer;
@@ -20360,13 +20326,14 @@ function useCascaderFocus(activeKey) {
       if (cancelPendingFocus === cleanup) cancelPendingFocus = void 0;
     };
     const onFocus = (next) => {
-      if (next.target !== option2) cleanup();
+      if (next.target !== option2 && !next.composedPath().includes(option2)) cleanup();
     };
     const attempt = () => {
       if (done) return;
-      const focused = document2.activeElement;
-      const lostToRemoval = !option2.isConnected && (focused === document2.body || focused === document2.documentElement);
-      if (!root.isConnected || activeKey.value !== key || focused !== option2 && !lostToRemoval) {
+      const focused = focusRoot.activeElement;
+      const docFocus = document2.activeElement;
+      const lostToRemoval = !option2.isConnected && (docFocus === document2.body || docFocus === document2.documentElement) && (focused === null || focused === document2.body || focused === document2.documentElement);
+      if (!root.isConnected || root.getRootNode() !== nodeRoot || activeKey.value !== key || focused !== option2 && !lostToRemoval) {
         cleanup();
         return;
       }
@@ -20505,7 +20472,7 @@ const useSelectedPath = (options, {
     navigateLevel
   };
 };
-const _sfc_main$2q = vue.defineComponent({
+const _sfc_main$2u = vue.defineComponent({
   name: createNamespace$1("cascader-panel").name,
   components: {
     BaseCascaderPanel
@@ -20868,7 +20835,7 @@ function _sfc_render$Z(_ctx, _cache, $props, $setup, $data, $options) {
     } : void 0
   ]), 1032, ["display-columns", "selected-path", "active-key", "multiple", "total-level", "check-strictly", "onKeydown"]);
 }
-const CascaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$2q, [["render", _sfc_render$Z]]);
+const CascaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$2u, [["render", _sfc_render$Z]]);
 function _isSlot$8(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
 }
@@ -20977,9 +20944,9 @@ const CascaderSearchPanel = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$1a = ["aria-label"];
+const _hoisted_1$1c = ["aria-label"];
 const _hoisted_2$w = ["aria-current", "onClick"];
-const _sfc_main$2p = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$2t = /* @__PURE__ */ vue.defineComponent({
   ...{ name: createNamespace$1("cascader-editor-panel").name },
   __name: "CascaderEditorPanel",
   props: {
@@ -21040,7 +21007,7 @@ const _sfc_main$2p = /* @__PURE__ */ vue.defineComponent({
               vue.createTextVNode(" " + vue.toDisplayString(column.find((option2) => option2.key === __props.selectedPath[index])?.label || vue.unref(texts).select.value), 1)
             ], 10, _hoisted_2$w);
           }), 128))
-        ], 10, _hoisted_1$1a),
+        ], 10, _hoisted_1$1c),
         vue.createElementVNode("div", {
           class: vue.normalizeClass(vue.unref(n2)("columns"))
         }, [
@@ -21089,7 +21056,7 @@ const _sfc_main$2p = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$2o = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$2s = /* @__PURE__ */ vue.defineComponent({
   ...{ name: createNamespace$1("cascader-menu").name },
   __name: "CascaderMenu",
   props: {
@@ -21115,7 +21082,7 @@ const _sfc_main$2o = /* @__PURE__ */ vue.defineComponent({
     } = vue.toRefs(__props.controller);
     const { multiple, checkStrictly, searchOptionOnlyLabel, virtualListProps } = vue.toRefs(__props.controller.props);
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$2F, {
+      return vue.openBlock(), vue.createBlock(_sfc_main$2I, {
         open: __props.controller.computedOpen,
         multiple: vue.unref(multiple),
         items: __props.controller.fieldItems,
@@ -21124,7 +21091,7 @@ const _sfc_main$2o = /* @__PURE__ */ vue.defineComponent({
         onClear: __props.controller.clearSelection
       }, {
         default: vue.withCtx(() => [
-          __props.searchable ? (vue.openBlock(), vue.createBlock(vue.unref(Input), {
+          __props.searchable ? (vue.openBlock(), vue.createBlock(vue.unref(SearchInput), {
             key: 0,
             "model-value": __props.controller.computedInputValue,
             "edit-mode": "direct",
@@ -21157,7 +21124,7 @@ const _sfc_main$2o = /* @__PURE__ */ vue.defineComponent({
               ]),
               key: "0"
             } : void 0
-          ]), 1040, ["options", "active-key", "multiple", "check-strictly", "loading", "path-label", "listbox-id", "listbox-label"])) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(editor) ? _sfc_main$2p : vue.unref(BaseCascaderPanel)), vue.mergeProps({
+          ]), 1040, ["options", "active-key", "multiple", "check-strictly", "loading", "path-label", "listbox-id", "listbox-label"])) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(editor) ? _sfc_main$2t : vue.unref(BaseCascaderPanel)), vue.mergeProps({
             key: 2,
             id: optionsId,
             "display-columns": vue.unref(displayColumns),
@@ -21233,9 +21200,11 @@ const cascaderEmits = {
    */
   blur: (ev) => true
 };
-const presentations = { inline: { component: _sfc_main$2E, deferred: (_multiple) => false } };
+const presentations = { inline: { component: _sfc_main$2H, deferred: (_multiple) => false } };
 const cascaderProps = {
   ...fieldLoadingProps,
+  /** 弹出编辑是否需要确认；未设置时单选即提交，多选保留确认。 */
+  needConfirm: { type: Boolean, default: void 0 },
   openTriggerTarget: openTriggerTargetProp,
   /** 内置本地过滤是否区分大小写；自定义过滤函数优先。 */
   caseSensitive: { type: Boolean, default: false },
@@ -22183,7 +22152,7 @@ function useCascaderController(props2, { emit, slots }) {
     totalLevel
   };
 }
-const _sfc_main$2n = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$2r = /* @__PURE__ */ vue.defineComponent({
   ...{ name: createNamespace$1("cascader").name, inheritAttrs: false },
   __name: "Cascader",
   props: cascaderProps,
@@ -22253,7 +22222,7 @@ const _sfc_main$2n = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(presentations).inline.component), { controller }, {
         reference: vue.withCtx(() => [
-          vue.createVNode(_sfc_main$2A, vue.mergeProps({
+          vue.createVNode(_sfc_main$2D, vue.mergeProps({
             ref_key: "fieldRef",
             ref: fieldRef,
             "loading-mode": _ctx.loadingMode,
@@ -22352,7 +22321,7 @@ const _sfc_main$2n = /* @__PURE__ */ vue.defineComponent({
           ]), 1040, ["loading-mode", "open-trigger-target", "open-trigger-tab-index", "show-tags", "separator", "text-align", "hint", "line", "text-color", "focus-color", "blur-color", "items", "input-value", "disabled", "readonly", "error", "multiple", "clearable", "searchable", "size", "variant", "open", "placeholder", "loading", "max-tag-count", "tag-nowrap", "aria-controls", "aria-haspopup", "aria-activedescendant", "onUpdate:inputValue", "onClear", "onFocus", "onBlur", "onRemove"])
         ]),
         default: vue.withCtx(() => [
-          vue.createVNode(_sfc_main$2o, {
+          vue.createVNode(_sfc_main$2s, {
             controller,
             "keyboard-handler": handleFieldKeydown,
             "listbox-id": searchListMode.value ? searchListId : void 0
@@ -22372,7 +22341,7 @@ const _sfc_main$2n = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$2m = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$2q = /* @__PURE__ */ vue.defineComponent({
   ...{ name: createNamespace$1("cascader-editor").name },
   __name: "CascaderEditor",
   props: {
@@ -22427,12 +22396,12 @@ const _sfc_main$2m = /* @__PURE__ */ vue.defineComponent({
       { immediate: true }
     );
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$30, {
+      return vue.openBlock(), vue.createBlock(_sfc_main$31, {
         kind: "cascader",
         onKeydown: handleEditorKeydown
       }, {
         default: vue.withCtx(() => [
-          vue.createVNode(_sfc_main$2o, {
+          vue.createVNode(_sfc_main$2s, {
             controller,
             searchable: __props.options.filterable || __props.options.multiple
           }, vue.createSlots({ _: 2 }, [
@@ -22452,11 +22421,12 @@ const _sfc_main$2m = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const cascaderFieldAdapter = {
+  selectionConfirmation: "update",
   pauseSelectionWhileLoading: true,
   methods: ["focus", "blur", "refresh"],
   text: (value, props2) => optionValueText(value, { ...props2, showPathLabel: true }),
   editor: ({ props: props2, value, update, emit, slots, disabled, readonly }) => vue.h(
-    _sfc_main$2m,
+    _sfc_main$2q,
     {
       options: { ...props2, disabled, readonly },
       modelValue: value,
@@ -22469,7 +22439,7 @@ const cascaderFieldAdapter = {
     slots
   )
 };
-const _Cascader = withFieldPresentation(_sfc_main$2n, cascaderFieldAdapter);
+const _Cascader = withFieldPresentation(_sfc_main$2r, cascaderFieldAdapter);
 const Cascader = withInstall(
   _Cascader,
   Object.assign(_Cascader, {
@@ -22480,6 +22450,110 @@ const Cascader = withInstall(
 const cascaderPanelProps = CascaderPanel.props;
 const _CascaderComponent = Cascader;
 const _CascaderPanelComponent = CascaderPanel;
+const _hoisted_1$1b = ["aria-describedby", "aria-busy", "aria-label", "aria-disabled"];
+const _sfc_main$2p = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: createNamespace$1("checkbox-group").name, inheritAttrs: false },
+  __name: "checkbox-group",
+  props: checkboxGroupProps,
+  emits: ["update:open", "open-change", "load-error", "update:modelValue", "change"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const { n: n2, classes: classes2 } = createNamespace$1("checkbox-group");
+    const props2 = __props;
+    const { errorId, describe: describeError } = useFormErrorDescription();
+    const resolvedOrientation = vue.computed(() => props2.orientation === "vertical" ? "vertical" : "horizontal");
+    const slots = vue.useSlots();
+    const emit = __emit;
+    const { mergedDisabled, mergedReadonly, mergedError, eventHandlers } = useChoiceForm(props2);
+    const source = useOptionRequest(
+      () => props2.options,
+      () => mergedDisabled.value || mergedReadonly.value || !!props2.readPretty,
+      (error) => emit("load-error", error),
+      () => 0,
+      checkboxGroupProps
+    );
+    const { value: computedValue, commit: handleChange } = useChoiceState(
+      () => props2.modelValue === null ? [] : props2.modelValue,
+      props2.defaultValue,
+      (value, event) => {
+        emit("update:modelValue", value);
+        emit("change", value, event);
+        eventHandlers.value?.onChange?.(event);
+      },
+      () => mergedDisabled.value || mergedReadonly.value
+    );
+    const normalizedOptions = vue.computed(() => normalizeChoiceOptions(source.options.value, props2.fieldNames));
+    const isMaxed = vue.computed(() => computedValue.value.length >= choiceLimit(props2.max));
+    const { register: registerChoice, methods: methods2 } = useCheckboxGroupMethods(
+      () => computedValue.value,
+      handleChange,
+      () => mergedDisabled.value || mergedReadonly.value,
+      () => props2.max
+    );
+    vue.provide(
+      checkboxGroupKey,
+      vue.reactive({
+        registerChoice,
+        computedValue,
+        disabled: mergedDisabled,
+        readonly: mergedReadonly,
+        error: mergedError,
+        formErrorId: errorId,
+        isMaxed,
+        name: vue.computed(() => props2.name),
+        slots,
+        handleChange
+      })
+    );
+    __expose(methods2);
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps(_ctx.$attrs, {
+        "aria-describedby": vue.unref(describeError)(_ctx.$attrs["aria-describedby"]),
+        class: vue.unref(classes2)(vue.unref(n2)(), vue.unref(n2)(`--${resolvedOrientation.value}`)),
+        "aria-busy": vue.unref(source).loading.value || void 0,
+        role: "group",
+        "aria-label": _ctx.ariaLabel,
+        "aria-disabled": vue.unref(mergedDisabled) || void 0
+      }), [
+        props2.options !== void 0 ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(normalizedOptions.value, (option2) => {
+          return vue.openBlock(), vue.createBlock(vue.unref(Checkbox$1), {
+            key: `${typeof option2.value}:${String(option2.value)}`,
+            "edit-mode": "direct",
+            value: option2.value,
+            disabled: option2.disabled,
+            readonly: option2.readonly,
+            indeterminate: option2.indeterminate
+          }, {
+            default: vue.withCtx(({ checked }) => [
+              vue.renderSlot(_ctx.$slots, "label", {
+                data: option2,
+                checked
+              }, () => [
+                vue.createVNode(vue.unref(ChoiceLabel), {
+                  content: typeof option2.label === "function" ? option2.label(option2, checked) : option2.label
+                }, null, 8, ["content"])
+              ])
+            ]),
+            _: 2
+          }, 1032, ["value", "disabled", "readonly", "indeterminate"]);
+        }), 128)) : vue.renderSlot(_ctx.$slots, "default", { key: 1 })
+      ], 16, _hoisted_1$1b);
+    };
+  }
+});
+const CheckboxGroup = withFieldPresentation(_sfc_main$2p, {
+  text: optionValueText,
+  methods: ["checkAll", "inverseAll"],
+  inactiveMethod: (_name, value) => Array.isArray(value) ? [...value] : []
+});
+const Checkbox = withInstall(
+  _Checkbox,
+  Object.assign(_Checkbox, {
+    Group: CheckboxGroup
+  }),
+  { components: [_Checkbox, CheckboxGroup] }
+);
+const _CheckboxComponent = Checkbox;
+const _CheckboxGroupComponent = CheckboxGroup;
 const ROW_CONTEXT_KEY = Symbol("ROW_CONTEXT_KEY");
 const colBreakpoints = ["xs", "sm", "md", "lg", "xl", "xxl"];
 const isColCount = (value) => typeof value === "number" && Number.isInteger(value) && value >= 0 && value <= 24;
@@ -22546,7 +22620,7 @@ const colProps = {
    */
   flex: { type: [Number, String], validator: process.env.NODE_ENV !== "production" ? isColFlex : void 0 }
 };
-const _sfc_main$2l = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$2o = /* @__PURE__ */ vue.defineComponent({
   ...{ name: createNamespace$1("col").name },
   __name: "Col",
   props: colProps,
@@ -22606,7 +22680,7 @@ const _sfc_main$2l = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Col = withInstall(_sfc_main$2l);
+const Col = withInstall(_sfc_main$2o);
 const _ColComponent = Col;
 const collapseKey = Symbol("collapseCtx");
 const expandIconPositions = ["left", "right"];
@@ -22663,7 +22737,7 @@ const collapseItemProps = {
   },
   destroyOnHide: Boolean
 };
-const _sfc_main$2k = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$2n = /* @__PURE__ */ vue.defineComponent({
   ...{ name: createNamespace$1("collapse").name },
   __name: "Collapse",
   props: collapseProps,
@@ -22769,10 +22843,10 @@ const DefaultExpandIcon = vue.defineComponent({
     return () => vue.h(props2.position === "right" ? iconCaretLeft.IconCaretLeft : iconCaretRight.IconCaretRight, { class: n$g("expand-icon") });
   }
 });
-const _hoisted_1$19 = ["role", "aria-level"];
+const _hoisted_1$1a = ["role", "aria-level"];
 const _hoisted_2$v = ["id", "tabindex", "aria-disabled", "aria-expanded", "aria-controls"];
-const _hoisted_3$h = ["id", "role", "aria-labelledby"];
-const _sfc_main$2j = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_3$i = ["id", "role", "aria-labelledby"];
+const _sfc_main$2m = /* @__PURE__ */ vue.defineComponent({
   ...{ name: createNamespace$1("collapse-item").name },
   __name: "CollapseItem",
   props: collapseItemProps,
@@ -22914,7 +22988,7 @@ const _sfc_main$2j = /* @__PURE__ */ vue.defineComponent({
                 ])
               ], 2)) : vue.createCommentVNode("", true)
             ], 42, _hoisted_2$v)
-          ], 10, _hoisted_1$19),
+          ], 10, _hoisted_1$1a),
           _ctx.$slots.extra ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 0,
             class: vue.normalizeClass(vue.unref(n2)("header-extra")),
@@ -22946,7 +23020,7 @@ const _sfc_main$2j = /* @__PURE__ */ vue.defineComponent({
               }, [
                 vue.renderSlot(_ctx.$slots, "default")
               ], 2)) : vue.createCommentVNode("", true)
-            ], 10, _hoisted_3$h), [
+            ], 10, _hoisted_3$i), [
               [vue.vShow, isExpanded.value]
             ])
           ]),
@@ -22956,11 +23030,11 @@ const _sfc_main$2j = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Collapse = withInstall(_sfc_main$2k, Object.assign(_sfc_main$2k, {
-  Item: _sfc_main$2j
-}), { components: [_sfc_main$2k, _sfc_main$2j] });
+const Collapse = withInstall(_sfc_main$2n, Object.assign(_sfc_main$2n, {
+  Item: _sfc_main$2m
+}), { components: [_sfc_main$2n, _sfc_main$2m] });
 const _CollapseComponent = Collapse;
-const _CollapseItemComponent = _sfc_main$2j;
+const _CollapseItemComponent = _sfc_main$2m;
 const hsvToRgb = (h, s, v) => {
   const i = Math.floor(h * 6);
   const f = h * 6 - i;
@@ -23384,6 +23458,164 @@ const Palette = /* @__PURE__ */ vue.defineComponent({
     }, null)]);
   }
 });
+const _sfc_main$2l = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: createNamespace$1("input-group").name },
+  __name: "InputGroup",
+  props: inputGroupProps,
+  setup(__props) {
+    const props2 = __props;
+    const { n: n2, classes: classes2 } = createNamespace$1("input-group");
+    const { group, mergedSize, mergedDisabled, mergedReadonly } = useInputForm(props2);
+    const mergedVariant = vue.computed(() => props2.variant ?? group?.variant.value ?? "filled");
+    vue.provide(inputGroupKey, {
+      size: mergedSize,
+      disabled: mergedDisabled,
+      readonly: mergedReadonly,
+      variant: mergedVariant,
+      hint: vue.computed(() => props2.hint ?? group?.hint.value)
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(vue.unref(classes2)(vue.unref(n2)(), vue.unref(n2)(`--size-${vue.unref(mergedSize)}`), vue.unref(n2)(`--variant-${mergedVariant.value}`), [vue.unref(mergedDisabled), vue.unref(n2)("--disabled")])),
+        role: "group"
+      }, [
+        vue.renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+const _sfc_main$2k = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: createNamespace$1("input-group-label").name },
+  __name: "InputGroupLabel",
+  setup(__props) {
+    const { n: n2 } = createNamespace$1("input-group-label");
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("span", {
+        class: vue.normalizeClass(vue.unref(n2)())
+      }, [
+        vue.renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+const _hoisted_1$19 = ["disabled", "aria-label", "aria-pressed"];
+const _sfc_main$2j = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: createNamespace$1("input-password").name, inheritAttrs: false },
+  __name: "InputPassword",
+  props: inputPasswordProps,
+  emits: ["visibility-change", "update:visibility", "update:open", "update:modelValue", "input", "change", "press-enter", "keydown", "clear", "focus", "blur", "click"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props2 = __props;
+    const emit = __emit;
+    const { n: n2 } = createNamespace$1("input-password");
+    const { t } = useI18n();
+    const attrs = vue.useAttrs();
+    const slots = vue.useSlots();
+    const inputRef = vue.ref();
+    const localVisibility = vue.ref(props2.defaultVisibility);
+    const mergedVisible = vue.computed(() => props2.visibility ?? localVisibility.value);
+    const { mergedDisabled } = useInputForm(props2);
+    const forwardedSlots = vue.computed(() => Object.keys(slots).filter((name2) => name2 !== "suffix"));
+    const inputBindings = vue.computed(() => {
+      const fields = {};
+      for (const key of Object.keys(inputProps)) {
+        fields[key] = props2[key];
+      }
+      return { ...fields, ...attrs };
+    });
+    const inputListeners = {
+      "update:open": (...args) => emit("update:open", ...args),
+      "update:modelValue": (...args) => emit("update:modelValue", ...args),
+      input: (...args) => emit("input", ...args),
+      change: (...args) => emit("change", ...args),
+      "press-enter": (...args) => emit("press-enter", ...args),
+      keydown: (...args) => emit("keydown", ...args),
+      clear: (...args) => emit("clear", ...args),
+      focus: (...args) => emit("focus", ...args),
+      blur: (...args) => emit("blur", ...args),
+      click: (...args) => emit("click", ...args)
+    };
+    function toggleVisibility() {
+      if (mergedDisabled.value) {
+        return;
+      }
+      const nextValue = !mergedVisible.value;
+      localVisibility.value = nextValue;
+      emit("visibility-change", nextValue);
+      emit("update:visibility", nextValue);
+    }
+    function focus(options) {
+      inputRef.value?.focus(options);
+    }
+    function blur() {
+      inputRef.value?.blur();
+    }
+    function select() {
+      inputRef.value?.select();
+    }
+    __expose({ inputRef, focus, blur, select });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(vue.unref(n2)())
+      }, [
+        vue.createVNode(_sfc_main$2Z, vue.mergeProps({
+          ref_key: "inputRef",
+          ref: inputRef
+        }, inputBindings.value, {
+          type: mergedVisible.value ? "text" : "password"
+        }, vue.toHandlers(inputListeners)), vue.createSlots({ _: 2 }, [
+          vue.renderList(forwardedSlots.value, (slotName) => {
+            return {
+              name: slotName,
+              fn: vue.withCtx((scope) => [
+                vue.renderSlot(_ctx.$slots, slotName, vue.normalizeProps(vue.guardReactiveProps(scope)))
+              ])
+            };
+          }),
+          _ctx.visibilityToggle || _ctx.$slots.suffix ? {
+            name: "suffix",
+            fn: vue.withCtx(() => [
+              _ctx.visibilityToggle ? (vue.openBlock(), vue.createElementBlock("button", {
+                key: 0,
+                type: "button",
+                class: vue.normalizeClass(vue.unref(n2)("toggle")),
+                disabled: vue.unref(mergedDisabled),
+                "aria-label": vue.unref(t)(mergedVisible.value ? "common.hidePassword" : "common.showPassword"),
+                "aria-pressed": mergedVisible.value,
+                onMousedown: _cache[0] || (_cache[0] = vue.withModifiers(() => {
+                }, ["prevent"])),
+                onClick: toggleVisibility
+              }, [
+                mergedVisible.value ? (vue.openBlock(), vue.createBlock(vue.unref(iconsVue.IconEyeInvisible), {
+                  key: 0,
+                  "aria-hidden": "true"
+                })) : (vue.openBlock(), vue.createBlock(vue.unref(iconsVue.IconEye), {
+                  key: 1,
+                  "aria-hidden": "true"
+                }))
+              ], 42, _hoisted_1$19)) : vue.createCommentVNode("", true),
+              vue.renderSlot(_ctx.$slots, "suffix")
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1040, ["type"])
+      ], 2);
+    };
+  }
+});
+const Input = withInstall(
+  SearchInput,
+  Object.assign(SearchInput, {
+    Password: _sfc_main$2j,
+    Group: _sfc_main$2l,
+    GroupLabel: _sfc_main$2k
+  }),
+  { components: [SearchInput, _sfc_main$2l, _sfc_main$2j, _sfc_main$2k] }
+);
+const _InputComponent = Input;
+const _InputPasswordComponent = _sfc_main$2j;
+const _InputGroupComponent = _sfc_main$2l;
+const _InputGroupLabelComponent = _sfc_main$2k;
 const _hoisted_1$18 = ["disabled", "aria-label"];
 const _sfc_main$2i = /* @__PURE__ */ vue.defineComponent({
   __name: "InputNumberStep",
@@ -24146,7 +24378,7 @@ const _sfc_main$2h = /* @__PURE__ */ vue.defineComponent({
               }, [
                 vue.renderSlot(_ctx.$slots, "suffix")
               ], 2)) : vue.createCommentVNode("", true),
-              vue.createVNode(_sfc_main$2Z, { status: vue.unref(feedback) }, null, 8, ["status"]),
+              vue.createVNode(_sfc_main$2_, { status: vue.unref(feedback) }, null, 8, ["status"]),
               _ctx.mode === "embed" && !vue.unref(mergedReadonly) ? (vue.openBlock(), vue.createElementBlock("div", {
                 key: 1,
                 class: vue.normalizeClass(vue.unref(n2)("step"))
@@ -24295,7 +24527,7 @@ const InputRgb = /* @__PURE__ */ vue.defineComponent({
       const hsv = rgbToHsv(newRGB.r, newRGB.g, newRGB.b);
       props2.onHsvChange?.(hsv);
     };
-    return () => vue.createVNode(_sfc_main$2X, {
+    return () => vue.createVNode(_sfc_main$2l, {
       "class": `${prefixCls2}-input-group`
     }, {
       default: () => [["r", "g", "b"].map((channel) => vue.createVNode(InputNumber, {
@@ -24381,7 +24613,7 @@ const InputHex = /* @__PURE__ */ vue.defineComponent({
         setHex(color.value.hex);
       }
     });
-    return () => vue.createVNode(_sfc_main$2X, {
+    return () => vue.createVNode(_sfc_main$2l, {
       "class": `${prefixCls2}-input-group`
     }, {
       default: () => [vue.createVNode(Input, {
@@ -25370,9 +25602,12 @@ function useCountdown(props2, emit) {
   let resumeOnActivate = false;
   let generation = 0;
   let handle;
-  function display() {
+  function updateDisplay() {
     timeData.value = splitTime(remaining);
     showTime.value = parseFormat(props2.format, timeData.value);
+  }
+  function display() {
+    updateDisplay();
     emit("change", timeData.value);
   }
   function cancel() {
@@ -25409,9 +25644,11 @@ function useCountdown(props2, emit) {
   }
   function pause() {
     resumeOnActivate = false;
-    if (running) remaining = Math.max(0, deadline - performance.now());
+    const wasRunning = running;
+    if (wasRunning) remaining = Math.max(0, deadline - performance.now());
     running = false;
     cancel();
+    if (wasRunning && mounted2) updateDisplay();
   }
   function reset() {
     if (!mounted2) return;
@@ -25792,7 +26029,7 @@ const _sfc_main$2c = /* @__PURE__ */ vue.defineComponent({
           selectNow: () => emit("select-now"),
           nowDisabled: __props.nowDisabled
         })), () => [
-          __props.showNow ? (vue.openBlock(), vue.createBlock(vue.unref(Button), {
+          __props.showNow ? (vue.openBlock(), vue.createBlock(vue.unref(Button$1), {
             key: 0,
             variant: "text",
             disabled: __props.nowDisabled,
@@ -25803,7 +26040,7 @@ const _sfc_main$2c = /* @__PURE__ */ vue.defineComponent({
             ]),
             _: 1
           }, 8, ["disabled"])) : vue.createCommentVNode("", true),
-          __props.showConfirm ? (vue.openBlock(), vue.createBlock(vue.unref(Button), {
+          __props.showConfirm ? (vue.openBlock(), vue.createBlock(vue.unref(Button$1), {
             key: 1,
             status: "primary",
             disabled: !__props.canConfirm,
@@ -25836,7 +26073,7 @@ const _sfc_main$2b = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass(vue.unref(classes2)(vue.unref(n2)(), vue.unref(n2)(`--${__props.position}`)))
       }, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.shortcuts, (shortcut, index) => {
-          return vue.openBlock(), vue.createBlock(vue.unref(Button), {
+          return vue.openBlock(), vue.createBlock(vue.unref(Button$1), {
             key: index,
             variant: "text",
             disabled: __props.blocked || shortcut.disabled,
@@ -26518,7 +26755,7 @@ function useDatePickerTransform$1() {
 const _sfc_main$2a = vue.defineComponent({
   name: createNamespace$1("date-picker-shortcuts").name,
   components: {
-    Button,
+    Button: Button$1,
     RenderFunction
   },
   props: {
@@ -26681,7 +26918,7 @@ const _sfc_main$28 = vue.defineComponent({
   name: createNamespace$1("date-picker-footer").name,
   components: {
     Link,
-    Button
+    Button: Button$1
   },
   props: {
     prefixCls: {
@@ -26829,7 +27066,7 @@ const _sfc_main$27 = vue.defineComponent({
 });
 const _hoisted_1$14 = ["aria-label", "disabled", "aria-hidden", "tabindex"];
 const _hoisted_2$t = ["aria-label", "disabled", "aria-hidden", "tabindex"];
-const _hoisted_3$g = { key: 1 };
+const _hoisted_3$h = { key: 1 };
 const _hoisted_4$b = ["aria-label", "disabled", "aria-hidden", "tabindex"];
 const _hoisted_5$4 = ["aria-label", "disabled", "aria-hidden", "tabindex"];
 function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
@@ -26883,7 +27120,7 @@ function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
           class: vue.normalizeClass(`${_ctx.prefixCls}-header-label`),
           onClick: _cache[2] || (_cache[2] = () => _ctx.onLabelClick && _ctx.onLabelClick("year"))
         }, vue.toDisplayString(_ctx.year), 3)) : vue.createCommentVNode("", true),
-        _ctx.year && _ctx.month ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$g, "-")) : vue.createCommentVNode("", true),
+        _ctx.year && _ctx.month ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$h, "-")) : vue.createCommentVNode("", true),
         _ctx.month ? (vue.openBlock(), vue.createElementBlock("button", {
           key: 2,
           type: "button",
@@ -27509,7 +27746,7 @@ const _sfc_main$23 = vue.defineComponent({
   name: createNamespace$1("time-picker-panel").name,
   components: {
     TimeColumn,
-    Button
+    Button: Button$1
   },
   props: {
     min: String,
@@ -31463,9 +31700,19 @@ const pickerFieldProps = {
   },
   separator: { type: String, default: " ~ " }
 };
+function usePickerRangeLabels(kind) {
+  const { i18nMessage } = useI18n();
+  return vue.computed(() => {
+    const legacy = i18nMessage.value.datePicker?.rangePlaceholder?.[kind()] ?? lang$1.datePicker.rangePlaceholder[kind()];
+    return [
+      i18nMessage.value.fieldPresentation?.rangeStart ?? legacy[0],
+      i18nMessage.value.fieldPresentation?.rangeEnd ?? legacy[1]
+    ];
+  });
+}
 const _hoisted_1$11 = ["role", "aria-labelledby"];
 const _hoisted_2$r = ["id"];
-const _hoisted_3$f = ["id", "value", "placeholder", "disabled", "readonly", "aria-expanded", "aria-invalid", "aria-describedby", "aria-haspopup", "onFocus", "onClick", "onBlur", "onInput", "onCompositionend", "onKeydown"];
+const _hoisted_3$g = ["id", "value", "placeholder", "disabled", "readonly", "aria-expanded", "aria-invalid", "aria-describedby", "aria-haspopup", "onFocus", "onClick", "onBlur", "onInput", "onCompositionend", "onKeydown"];
 const _hoisted_4$a = ["disabled", "aria-label", "aria-expanded", "aria-haspopup"];
 const _sfc_main$1R = /* @__PURE__ */ vue.defineComponent({
   ...{
@@ -31483,7 +31730,9 @@ const _sfc_main$1R = /* @__PURE__ */ vue.defineComponent({
     function inputAttributes(index) {
       const part = { ...props2.inputAttrs?.[index] ?? {} };
       for (const key of ["aria-label", "aria-labelledby"]) {
-        if (part[key] === void 0 || part[key] === null) delete part[key];
+        if (part[key] === void 0 || part[key] === null) {
+          delete part[key];
+        }
       }
       const common = splitInputAttrs(attrs).native;
       const merged = vue.mergeProps(common, part);
@@ -31525,14 +31774,7 @@ const _sfc_main$1R = /* @__PURE__ */ vue.defineComponent({
     });
     const explicitRangeLabel = vue.computed(() => props2.range && formLabel?.value?.target ? groupLabelId.value : void 0);
     const endpointLabelId = (index) => `${generatedId}-range-endpoint-${index}`;
-    const { i18nMessage } = useI18n();
-    const endpointLabels = vue.computed(() => {
-      const legacy = i18nMessage.value.datePicker?.rangePlaceholder?.[props2.kind] ?? lang$1.datePicker.rangePlaceholder[props2.kind];
-      return [
-        i18nMessage.value.fieldPresentation?.rangeStart ?? legacy[0],
-        i18nMessage.value.fieldPresentation?.rangeEnd ?? legacy[1]
-      ];
-    });
+    const endpointLabels = usePickerRangeLabels(() => props2.kind);
     const inputs = [];
     const activeIndex = useRangeFieldIndex(() => props2.disabledParts);
     const active = vue.ref(false);
@@ -31649,7 +31891,7 @@ const _sfc_main$1R = /* @__PURE__ */ vue.defineComponent({
     }
     __expose({ focus, blur, commit: (event) => commit(event, activeIndex.value) });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$2_, vue.mergeProps({ ...vue.unref(splitInputAttrs)(_ctx.$attrs).root, ...decoration.value }, {
+      return vue.openBlock(), vue.createBlock(_sfc_main$2$, vue.mergeProps({ ...vue.unref(splitInputAttrs)(_ctx.$attrs).root, ...decoration.value }, {
         "decorative-hint": "",
         class: vue.unref(n2)(),
         onClear: _cache[2] || (_cache[2] = ($event) => emit("clear", $event)),
@@ -31707,7 +31949,7 @@ const _sfc_main$1R = /* @__PURE__ */ vue.defineComponent({
                     key: 2,
                     id: endpointLabelId(index),
                     hidden: ""
-                  }, vue.toDisplayString(endpointLabels.value[index]), 9, _hoisted_2$r)) : vue.createCommentVNode("", true),
+                  }, vue.toDisplayString(vue.unref(endpointLabels)[index]), 9, _hoisted_2$r)) : vue.createCommentVNode("", true),
                   vue.createElementVNode("input", vue.mergeProps({ ref_for: true }, inputAttributes(index), {
                     id: props2.inputAttrs?.[index]?.id ?? (index === 0 ? controlId.value : controlId.value + "-" + index),
                     ref_for: true,
@@ -31730,7 +31972,7 @@ const _sfc_main$1R = /* @__PURE__ */ vue.defineComponent({
                     onCompositionstart: _cache[0] || (_cache[0] = ($event) => composing.value = true),
                     onCompositionend: ($event) => handleCompositionEnd($event, index),
                     onKeydown: ($event) => handleKeydown($event, index)
-                  }), null, 16, _hoisted_3$f)
+                  }), null, 16, _hoisted_3$g)
                 ], 64);
               }), 128))
             ])
@@ -32779,6 +33021,13 @@ function useModalFocus(root, active, isTop, lockScroll = () => true, ownerDocume
     element2 = target2;
     if (!target2.contains(target2.ownerDocument.activeElement)) target2.focus({ preventScroll: true });
   }
+  function focusAfterEnter() {
+    const doc = root()?.ownerDocument;
+    const current = doc?.activeElement;
+    if (!current || current === doc?.body || current === doc?.documentElement || previous.includes(current)) {
+      focus();
+    }
+  }
   function restore() {
     const focused = owner?.activeElement;
     const target2 = previous.find(restorable);
@@ -32861,7 +33110,7 @@ function useModalFocus(root, active, isTop, lockScroll = () => true, ownerDocume
       unbind2();
       bind2();
     }
-    if (value) capture();
+    if (value && (!captured || root() !== element2)) capture();
   }, { flush: "post" });
   vue.onMounted(() => {
     mounted2 = true;
@@ -32884,7 +33133,7 @@ function useModalFocus(root, active, isTop, lockScroll = () => true, ownerDocume
     unbind2();
     restore();
   });
-  return { focus, restore, trap };
+  return { focus, focusAfterEnter, restore, trap };
 }
 function usePopupTransition(active, unmount, emit) {
   let live = false, suspended = false;
@@ -32965,7 +33214,7 @@ function useModalSurface(options) {
     mergedZIndex,
     modalDocument
   );
-  const { focus, restore } = useModalFocus(
+  const { focus, focusAfterEnter, restore } = useModalFocus(
     () => options.root.value?.querySelector("[data-modal-focus-root]") ?? options.root.value,
     () => mergedOpen.value,
     onStackTop,
@@ -32973,7 +33222,13 @@ function useModalSurface(options) {
     modalDocument
   );
   vue.watch([popupContainerTarget, () => options.popupContainer() === false], () => {
-    vue.nextTick(focus);
+    vue.nextTick(() => {
+      const doc = modalDocument();
+      const current = doc?.activeElement;
+      if (!current || current === doc?.body || current === doc?.documentElement) {
+        focus();
+      }
+    });
   }, { flush: "post" });
   useScrollLock(
     () => scrollLockTarget.value,
@@ -33047,7 +33302,7 @@ function useModalSurface(options) {
   vue.onBeforeUnmount(unbind2);
   function opened() {
     if (mergedOpen.value) {
-      focus();
+      focusAfterEnter();
       transition.opened();
     }
   }
@@ -33397,7 +33652,7 @@ function useDialogDrag(options) {
 }
 const _hoisted_1$$ = ["dir"];
 const _hoisted_2$q = ["aria-busy", "aria-label"];
-const _hoisted_3$e = ["aria-label"];
+const _hoisted_3$f = ["aria-label"];
 const _sfc_main$1I = /* @__PURE__ */ vue.defineComponent({
   ...{ name: createNamespace$1("dialog").name, inheritAttrs: false },
   __name: "Dialog",
@@ -33619,7 +33874,7 @@ const _sfc_main$1I = /* @__PURE__ */ vue.defineComponent({
                         ]),
                         _: 1
                       })
-                    ], 10, _hoisted_3$e)) : vue.createCommentVNode("", true)
+                    ], 10, _hoisted_3$f)) : vue.createCommentVNode("", true)
                   ], 34)) : vue.createCommentVNode("", true),
                   vue.createElementVNode("div", {
                     class: vue.normalizeClass([`${vue.unref(prefixCls2)}-body`, _ctx.bodyClass]),
@@ -33641,7 +33896,7 @@ const _sfc_main$1I = /* @__PURE__ */ vue.defineComponent({
                       confirm: handleConfirm,
                       close: handleClose
                     }, () => [
-                      _ctx.cancelButton ? (vue.openBlock(), vue.createBlock(vue.unref(Button), vue.mergeProps({
+                      _ctx.cancelButton ? (vue.openBlock(), vue.createBlock(vue.unref(Button$1), vue.mergeProps({
                         key: 0,
                         variant: "text"
                       }, _ctx.cancelButtonProps, {
@@ -33654,7 +33909,7 @@ const _sfc_main$1I = /* @__PURE__ */ vue.defineComponent({
                         ]),
                         _: 1
                       }, 16, ["loading", "disabled"])) : vue.createCommentVNode("", true),
-                      _ctx.confirmButton ? (vue.openBlock(), vue.createBlock(vue.unref(Button), vue.mergeProps({
+                      _ctx.confirmButton ? (vue.openBlock(), vue.createBlock(vue.unref(Button$1), vue.mergeProps({
                         key: 1,
                         variant: "text"
                       }, _ctx.confirmButtonProps, {
@@ -33944,7 +34199,7 @@ function useDrawerTitleId(prefix) {
 }
 const _hoisted_1$_ = ["dir"];
 const _hoisted_2$p = ["aria-busy", "aria-label", "aria-labelledby"];
-const _hoisted_3$d = ["id"];
+const _hoisted_3$e = ["id"];
 const _hoisted_4$9 = ["aria-label"];
 const _sfc_main$1H = /* @__PURE__ */ vue.defineComponent({
   ...{
@@ -34117,7 +34372,7 @@ const _sfc_main$1H = /* @__PURE__ */ vue.defineComponent({
                       vue.renderSlot(_ctx.$slots, "title", {}, () => [
                         vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
                       ])
-                    ], 10, _hoisted_3$d)) : vue.createCommentVNode("", true),
+                    ], 10, _hoisted_3$e)) : vue.createCommentVNode("", true),
                     _ctx.closable ? (vue.openBlock(), vue.createElementBlock("button", {
                       key: 1,
                       type: "button",
@@ -35118,6 +35373,31 @@ const _sfc_main$1F = /* @__PURE__ */ vue.defineComponent({
 });
 const Row = withInstall(_sfc_main$1F);
 const _RowComponent = Row;
+function focusExplicitSlider(event) {
+  if (event.defaultPrevented || event.button !== 0) return;
+  const label = event.currentTarget;
+  if (!label || label.nodeType !== 1 || label.tagName !== "LABEL") return;
+  const origin = event.target;
+  const interactive2 = origin?.nodeType === 1 ? origin.closest('a[href],button,input,select,textarea,[contenteditable]:not([contenteditable="false"]),[role="button"],[role="link"],[role="checkbox"],[role="radio"],[role="switch"],[role="textbox"],[role="combobox"],[role="slider"]') : null;
+  if (interactive2 && interactive2 !== label && label.contains(interactive2)) return;
+  const id = label.getAttribute("for");
+  if (!id || label.control) return;
+  const root = label.getRootNode();
+  if (typeof root.getElementById !== "function") return;
+  const target2 = root.getElementById(id);
+  if (!target2) return;
+  const previous = root.activeElement;
+  const previousDocument = label.ownerDocument.activeElement;
+  setTimeout(() => {
+    if (event.defaultPrevented || !label.isConnected || label.getAttribute("for") !== id || root.getElementById(id) !== target2 || root.activeElement !== previous || label.ownerDocument.activeElement !== previousDocument) return;
+    const sliders = target2.matches('[role="slider"]') ? [target2] : Array.from(target2.querySelectorAll('[role="slider"]'));
+    if (sliders.length !== 1) return;
+    const slider = sliders[0];
+    if (target2 !== slider && !Array.from(target2.classList).some((name2) => name2.endsWith("-slider") && slider.classList.contains(`${name2}__thumb`))) return;
+    if (slider.tabIndex < 0 || slider.getAttribute("aria-disabled") === "true" || slider.closest('[inert], [aria-hidden="true"]')) return;
+    slider.focus();
+  }, 0);
+}
 function resolveFormItemStatus(explicit, automatic) {
   return explicit ?? automatic;
 }
@@ -35155,7 +35435,7 @@ const _sfc_main$1E = /* @__PURE__ */ vue.defineComponent({
           ref_key: "labelRef",
           ref: labelRef,
           class: __props.labelClass
-        }, __props.attrs), {
+        }, __props.attrs, { onClick: vue.unref(focusExplicitSlider) }), {
           default: vue.withCtx(() => [
             __props.required && __props.asteriskPosition === "start" ? (vue.openBlock(), vue.createElementBlock("strong", {
               key: 0,
@@ -35187,7 +35467,7 @@ const _sfc_main$1E = /* @__PURE__ */ vue.defineComponent({
             vue.createTextVNode(" " + vue.toDisplayString(__props.showColon ? ":" : ""), 1)
           ]),
           _: 3
-        }, 16, ["class"])),
+        }, 16, ["class", "onClick"])),
         __props.tooltip ? (vue.openBlock(), vue.createBlock(vue.unref(Tooltip), {
           key: 0,
           content: __props.tooltip,
@@ -35483,14 +35763,38 @@ const _sfc_main$1C = vue.defineComponent({
     const isRequired = vue.computed(
       () => mergedRules.value.some((item) => item.required)
     );
-    const formItemCtx = props2.noStyle ? vue.inject(formItemInjectionKey, void 0) : void 0;
-    const updateValidateState = (field2, { status, message }) => {
-      validateStatus[field2] = status;
-      validateMessage[field2] = message;
+    const formItemCtx = vue.inject(formItemInjectionKey, void 0);
+    const feedbackOwner = Symbol("form-item-feedback");
+    const feedbackSources = /* @__PURE__ */ new Map();
+    const updateValidateState = (field2, { status, message }, owner = feedbackOwner) => {
+      let sources = feedbackSources.get(field2);
+      if (!sources) {
+        sources = /* @__PURE__ */ new Map();
+        feedbackSources.set(field2, sources);
+      }
+      if (status || message) {
+        sources.delete(owner);
+        sources.set(owner, { status, message });
+      } else sources.delete(owner);
+      let effective = { status: "", message: "" };
+      for (const candidate of sources.values()) {
+        const rank = candidate.status ? VALIDATE_STATUSES.indexOf(candidate.status) : -1;
+        const currentRank = effective.status ? VALIDATE_STATUSES.indexOf(effective.status) : -1;
+        if (rank >= currentRank) effective = candidate;
+      }
+      if (!sources.size) feedbackSources.delete(field2);
+      validateStatus[field2] = effective.status;
+      validateMessage[field2] = effective.message;
       if (props2.noStyle) {
-        formItemCtx?.updateValidateState(field2, { status, message });
+        formItemCtx?.updateValidateState(field2, effective, feedbackOwner);
       }
     };
+    vue.watch(() => props2.noStyle, (noStyle) => {
+      if (!formItemCtx) return;
+      for (const name2 of Object.keys(validateStatus)) {
+        formItemCtx.updateValidateState(name2, noStyle ? { status: validateStatus[name2], message: validateMessage[name2] ?? "" } : { status: "", message: "" }, feedbackOwner);
+      }
+    }, { flush: "sync" });
     const computedFeedback = vue.computed(
       () => props2.feedback && computedValidateStatus.value ? computedValidateStatus.value : void 0
     );
@@ -35705,8 +36009,6 @@ const _sfc_main$1C = vue.defineComponent({
       validateDisabled.value = false;
       for (const name2 of Object.keys(validateStatus)) {
         updateValidateState(name2, { status: "", message: "" });
-        delete validateStatus[name2];
-        delete validateMessage[name2];
       }
       captureInitialValue();
       registerCurrentField();
@@ -35720,6 +36022,11 @@ const _sfc_main$1C = vue.defineComponent({
       active = false;
       fieldMounted = false;
       validation.invalidate();
+      if (props2.noStyle && formItemCtx) {
+        for (const name2 of Object.keys(validateStatus)) {
+          formItemCtx.updateValidateState(name2, { status: "", message: "" }, feedbackOwner);
+        }
+      }
       unregisterCurrentField();
     });
     const cls = vue.computed(() => [
@@ -38252,7 +38559,7 @@ const _sfc_main$1s = vue.defineComponent({
 });
 const _hoisted_1$Q = ["src", "alt"];
 const _hoisted_2$m = ["disabled", "aria-label"];
-const _hoisted_3$c = ["disabled", "aria-label"];
+const _hoisted_3$d = ["disabled", "aria-label"];
 function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ImagePreview = vue.resolveComponent("ImagePreview");
   return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
@@ -38344,7 +38651,7 @@ function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
           disabled: !_ctx.loop && _ctx.mergedCurrent === _ctx.previewImages.length - 1,
           "aria-label": _ctx.actionLabels.next,
           onClick: _cache[5] || (_cache[5] = (...args) => _ctx.next && _ctx.next(...args))
-        }, " › ", 10, _hoisted_3$c)) : vue.createCommentVNode("", true),
+        }, " › ", 10, _hoisted_3$d)) : vue.createCommentVNode("", true),
         vue.renderSlot(_ctx.$slots, "indicator", {
           imageNumber: _ctx.mergedCurrent + 1,
           length: _ctx.previewImages.length
@@ -40584,7 +40891,7 @@ const _sfc_main$1k = /* @__PURE__ */ vue.defineComponent({
 });
 const _hoisted_1$N = ["inert"];
 const _hoisted_2$l = ["aria-expanded", "aria-label"];
-const _hoisted_3$b = { key: 0 };
+const _hoisted_3$c = { key: 0 };
 const _hoisted_4$8 = { key: 1 };
 function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_IconLeft = vue.resolveComponent("IconLeft");
@@ -40617,7 +40924,7 @@ function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
         onClick: _cache[1] || (_cache[1] = (...args) => _ctx.toggleTrigger && _ctx.toggleTrigger(...args))
       }, [
         vue.renderSlot(_ctx.$slots, "trigger", { collapsed: _ctx.localCollapsed }, () => [
-          !_ctx.arrowReversed ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$b, [
+          !_ctx.arrowReversed ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$c, [
             !_ctx.localCollapsed ? (vue.openBlock(), vue.createBlock(_component_IconLeft, { key: 0 })) : (vue.openBlock(), vue.createBlock(_component_IconRight, { key: 1 }))
           ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$8, [
             _ctx.localCollapsed ? (vue.openBlock(), vue.createBlock(_component_IconLeft, { key: 0 })) : (vue.openBlock(), vue.createBlock(_component_IconRight, { key: 1 }))
@@ -41061,7 +41368,7 @@ const _sfc_main$1h = vue.defineComponent({
 });
 const _hoisted_1$L = ["id", "aria-label", "aria-describedby"];
 const _hoisted_2$k = ["aria-busy"];
-const _hoisted_3$a = ["id"];
+const _hoisted_3$b = ["id"];
 function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_icon_info_circle_fill = vue.resolveComponent("icon-info-circle-fill");
   const _component_icon_check_circle_fill = vue.resolveComponent("icon-check-circle-fill");
@@ -41114,7 +41421,7 @@ function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
             vue.renderSlot(_ctx.$slots, "content", {}, () => [
               vue.createTextVNode(vue.toDisplayString(_ctx.content), 1)
             ])
-          ], 10, _hoisted_3$a)
+          ], 10, _hoisted_3$b)
         ], 10, _hoisted_2$k),
         vue.createElementVNode("div", {
           class: vue.normalizeClass(`${_ctx.prefixCls}-footer`)
@@ -41578,7 +41885,7 @@ const _sfc_main$1g = /* @__PURE__ */ vue.defineComponent({
             name: "suffix",
             fn: vue.withCtx(() => [
               vue.renderSlot(_ctx.$slots, "suffix"),
-              vue.createVNode(_sfc_main$2Z, { status: vue.unref(feedback) }, null, 8, ["status"])
+              vue.createVNode(_sfc_main$2_, { status: vue.unref(feedback) }, null, 8, ["status"])
             ]),
             key: "2"
           } : void 0
@@ -46157,7 +46464,7 @@ const _sfc_main$19 = /* @__PURE__ */ vue.defineComponent({
   setup(__props, { emit: __emit }) {
     const emit = __emit;
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(Input), {
+      return vue.openBlock(), vue.createBlock(vue.unref(SearchInput), {
         "edit-mode": "direct",
         "model-value": __props.modelValue,
         size: __props.size,
@@ -46647,7 +46954,7 @@ const _sfc_main$14 = /* @__PURE__ */ vue.defineComponent({
 });
 const Paper = withInstall(_sfc_main$14);
 const _PaperComponent = Paper;
-const identity = (value) => value === null || typeof value === "string";
+const identity = (value) => value === null || typeof value === "string" || Array.isArray(value) && value.every((id) => typeof id === "string");
 const peopleSelectEmits = {
   "update:modelValue": identity,
   "update:open": (open2) => typeof open2 === "boolean",
@@ -46724,7 +47031,7 @@ const _sfc_main$13 = /* @__PURE__ */ vue.defineComponent({
           }, ["stop"]))
         }, [
           vue.renderSlot(_ctx.$slots, "default", {}, () => [
-            __props.showPhone ? (vue.openBlock(), vue.createBlock(vue.unref(Button), {
+            __props.showPhone ? (vue.openBlock(), vue.createBlock(vue.unref(Button$1), {
               key: 0,
               size: "xs",
               variant: "text",
@@ -46751,7 +47058,7 @@ const _sfc_main$13 = /* @__PURE__ */ vue.defineComponent({
               ])]),
               _: 1
             }, 8, ["disabled", "aria-label", "loading"])) : vue.createCommentVNode("", true),
-            __props.showChat ? (vue.openBlock(), vue.createBlock(vue.unref(Button), {
+            __props.showChat ? (vue.openBlock(), vue.createBlock(vue.unref(Button$1), {
               key: 1,
               size: "xs",
               variant: "text",
@@ -46789,8 +47096,47 @@ const _sfc_main$13 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
+function personIds(value) {
+  return Array.isArray(value) ? value : value == null ? [] : [value];
+}
+function useSelectedPeople(props2, value, options) {
+  const cache2 = vue.shallowRef(/* @__PURE__ */ new Map());
+  vue.watch([options, value], () => {
+    const next = /* @__PURE__ */ new Map();
+    for (const id of personIds(value.value)) {
+      const person = options.value.find((option2) => option2.value === id) ?? cache2.value.get(id);
+      if (person) next.set(id, person);
+    }
+    cache2.value = next;
+  }, { immediate: true, flush: "sync" });
+  function resolve(id) {
+    const current = options.value.find((option2) => option2.value === id);
+    if (current) return current;
+    if (typeof props2.fallbackOption === "function") return props2.fallbackOption(id);
+    if (props2.fallbackOption !== false) {
+      if (!props2.multiple && props2.label) return { ...cache2.value.get(id), value: id, label: props2.label };
+      const cached = cache2.value.get(id);
+      if (cached) return cached;
+    }
+    return { value: id, label: props2.fallbackOption === false ? props2.defaultText ?? "-" : !props2.multiple && props2.label || id || (props2.defaultText ?? "-") };
+  }
+  return {
+    people: vue.computed(() => personIds(value.value).map(resolve)),
+    resolve
+  };
+}
+function peopleText(value, props2) {
+  return personIds(value).map((id) => {
+    const option2 = Array.isArray(props2.options) ? props2.options.find((person) => person.value === id) : void 0;
+    if (option2) return option2.label;
+    if (typeof props2.fallbackOption === "function") return props2.fallbackOption(id).label;
+    return !props2.multiple && props2.label || id || (props2.defaultText ?? "-");
+  }).join(", ");
+}
 const peopleSelectProps = {
   ...fieldLoadingProps,
+  /** 弹出编辑是否需要确认；未设置时单选即提交，多选保留确认。 */
+  needConfirm: { type: Boolean, default: void 0 },
   ...fieldPresentationProps,
   emptyValue: emptyValueProp(),
   /** Reactive display data for a selected value absent from options. */
@@ -46828,9 +47174,13 @@ const peopleSelectProps = {
     type: String,
     default: "-"
   },
-  modelValue: { type: String, default: void 0 },
-  /** 非受控初始选中人员标识，仅创建时读取。 */
-  defaultValue: { type: String, default: "" },
+  multiple: selectProps.multiple,
+  modelValue: { type: [String, Array], default: void 0 },
+  /** 非受控初始选中人员 ID 或 ID 数组，仅创建时读取。 */
+  defaultValue: {
+    type: [String, Array],
+    default: (props2) => props2.multiple ? [] : ""
+  },
   isLabel: {
     type: Boolean,
     default: false
@@ -46854,12 +47204,7 @@ const Base$4 = /* @__PURE__ */ vue.defineComponent({
   name: name$r,
   inheritAttrs: false,
   props: peopleSelectProps,
-  emits: {
-    "update:modelValue": (value) => value === null || typeof value === "string",
-    change: (value) => value === null || typeof value === "string",
-    clear: () => true,
-    search: (query) => typeof query === "string"
-  },
+  emits: peopleSelectEmits,
   setup(props2, {
     emit,
     attrs,
@@ -46885,10 +47230,10 @@ const Base$4 = /* @__PURE__ */ vue.defineComponent({
       ...option2
     })));
     const blocked2 = () => mergedDisabled.value || mergedReadonly.value || props2.loading;
-    const label = vue.computed(() => (Array.isArray(props2.options) ? props2.options : []).find((option2) => option2.value === value.value)?.label || props2.label || value.value || props2.defaultText);
+    const label = vue.computed(() => peopleText(value.value, props2));
     const commit = (next) => {
       if (blocked2()) return;
-      const text = next === null ? null : typeof next === "string" ? next : "";
+      const text = next === null ? null : props2.multiple ? Array.isArray(next) ? next.filter((id) => typeof id === "string") : [] : typeof next === "string" ? next : "";
       if (props2.modelValue === void 0) localValue.value = text;
       emit("update:modelValue", text);
       emit("change", text);
@@ -46899,6 +47244,7 @@ const Base$4 = /* @__PURE__ */ vue.defineComponent({
       name: props2.name
     }, {
       "placeholder": props2.placeholder,
+      "multiple": props2.multiple,
       "clearable": props2.clearable,
       "emptyValue": props2.emptyValue,
       "filterable": props2.filterable,
@@ -46929,10 +47275,11 @@ const Base$4 = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const Presented = withFieldPresentation(Base$4, {
+  selectionConfirmation: "update",
   methods: ["focus", "blur"],
-  text: (value, props2) => props2.options?.find((option2) => option2.value === value)?.label || props2.label || value || props2.defaultText || "",
+  text: peopleText,
   editor: ({ props: props2, attrs, value, update, emit, slots, disabled, readonly }) => vue.h(
-    _sfc_main$30,
+    _sfc_main$31,
     { kind: "people-select" },
     () => vue.h(
       Base$4,
@@ -46981,44 +47328,16 @@ const _PeopleSelect = vue.defineComponent({
     const options = vue.computed(
       () => Array.isArray(props2.options) ? props2.options : source.data.value
     );
-    const selectedCache = vue.ref();
-    vue.watch(
-      [options, value],
-      () => {
-        const person = options.value.find(
-          (person2) => person2.value === value.value
-        );
-        if (person) selectedCache.value = person;
-        else if (selectedCache.value?.value !== value.value)
-          selectedCache.value = void 0;
-      },
-      { immediate: true }
-    );
-    const selected = vue.computed(() => {
-      const current = options.value.find(
-        (person) => person.value === value.value
-      );
-      if (current) return current;
-      if (typeof props2.fallbackOption === "function" && value.value != null) {
-        return props2.fallbackOption(value.value);
-      }
-      if (props2.fallbackOption !== false && props2.label)
-        return {
-          ...selectedCache.value,
-          value: value.value ?? "",
-          label: props2.label
-        };
-      if (props2.fallbackOption !== false && selectedCache.value?.value === value.value)
-        return selectedCache.value;
-      return {
-        value: value.value ?? "",
-        label: props2.fallbackOption === false ? props2.defaultText : props2.label || value.value || props2.defaultText
-      };
+    const selection = useSelectedPeople(props2, value, options);
+    const selected = vue.computed(() => selection.people.value[0] ?? {
+      value: "",
+      label: props2.label || props2.defaultText
     });
     const readScope = vue.computed(() => ({
       value: value.value,
-      text: emptyPolicy.isEmpty(value.value) ? emptyPolicy.emptyText.value : selected.value.label,
-      person: selected.value
+      text: emptyPolicy.isEmpty(value.value) ? emptyPolicy.emptyText.value : selection.people.value.map((person) => person.label).join(", "),
+      person: selected.value,
+      ...props2.multiple ? { people: selection.people.value } : {}
     }));
     const childOptions = options;
     async function load(query) {
@@ -47054,15 +47373,15 @@ const _PeopleSelect = vue.defineComponent({
       if (emptyPolicy.isEmpty(value.value)) {
         return emptyPolicy.emptyText.value;
       }
-      const scope = {
-        person: selected.value,
-        disabled: form.mergedDisabled.value || !value.value || !!selected.value.disabled
-      };
-      const actions = slots.actions ? slots.actions(scope) : props2.renderActions?.(scope);
-      return vue.h(
-        _sfc_main$13,
-        {
-          person: selected.value,
+      const renderPerson = (person) => {
+        const scope = {
+          person,
+          disabled: form.mergedDisabled.value || !person.value || !!person.disabled
+        };
+        const actions = slots.actions ? slots.actions(scope) : props2.renderActions?.(scope);
+        return vue.h(_sfc_main$13, {
+          key: person.value,
+          person,
           showAvatar: props2.showAvatar,
           disabled: scope.disabled,
           showPhone: props2.showPhone,
@@ -47070,9 +47389,9 @@ const _PeopleSelect = vue.defineComponent({
           call: props2.call,
           chat: props2.chat,
           onActionError: (error, action) => emit("action-error", error, action)
-        },
-        actions == null ? void 0 : { default: () => actions }
-      );
+        }, actions == null ? void 0 : { default: () => actions });
+      };
+      return props2.multiple ? vue.h("span", { class: "c-people-select-people" }, selection.people.value.map(renderPerson)) : renderPerson(selected.value);
     };
     const personSlots = () => ({
       ...slots,
@@ -47094,8 +47413,8 @@ const _PeopleSelect = vue.defineComponent({
         ref: control,
         modelValue: value.value,
         options: childOptions.value,
-        label: selected.value.label,
-        fallbackOption: props2.fallbackOption === false ? false : () => selected.value,
+        label: props2.multiple ? "" : selected.value.label,
+        fallbackOption: props2.fallbackOption === false ? false : selection.resolve,
         loading: props2.loading || source.loading.value,
         filterOption: props2.filterOption ?? !remote.value,
         "onUpdate:modelValue": update,
@@ -47298,7 +47617,7 @@ function useProgressSize(size) {
 }
 const _hoisted_1$B = ["aria-valuenow", "aria-busy"];
 const _hoisted_2$h = ["viewBox"];
-const _hoisted_3$9 = { key: 0 };
+const _hoisted_3$a = { key: 0 };
 const _hoisted_4$7 = ["offset", "stop-color"];
 const _hoisted_5$3 = ["cx", "cy", "r", "stroke-width"];
 const _hoisted_6$2 = ["cx", "cy", "r", "stroke-width", "stroke-dasharray", "stroke-dashoffset"];
@@ -47429,7 +47748,7 @@ const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
             viewBox: `0 0 ${vue.unref(diameter)} ${vue.unref(diameter)}`,
             "aria-hidden": "true"
           }, [
-            gradient.value ? (vue.openBlock(), vue.createElementBlock("defs", _hoisted_3$9, [
+            gradient.value ? (vue.openBlock(), vue.createElementBlock("defs", _hoisted_3$a, [
               vue.createElementVNode("linearGradient", {
                 id: gradientId,
                 x1: "0%",
@@ -47523,7 +47842,7 @@ const progressGroupProps = {
 };
 const _hoisted_1$A = ["aria-label", "data-orientation"];
 const _hoisted_2$g = ["aria-valuemax", "aria-valuenow", "aria-label", "tabindex", "aria-describedby", "onMouseenter", "onFocus"];
-const _hoisted_3$8 = ["r", "stroke-width"];
+const _hoisted_3$9 = ["r", "stroke-width"];
 const _hoisted_4$6 = ["aria-valuemax", "aria-valuenow", "aria-label", "tabindex", "aria-describedby", "r", "stroke", "stroke-width", "stroke-dasharray", "stroke-dashoffset", "onFocus", "onMouseenter"];
 const _hoisted_5$2 = ["r", "stroke", "stroke-width", "stroke-dasharray", "stroke-dashoffset"];
 const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
@@ -47745,7 +48064,7 @@ const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
               fill: "none",
               "stroke-width": normalizedStrokeWidth.value,
               pathLength: "100"
-            }, null, 10, _hoisted_3$8),
+            }, null, 10, _hoisted_3$9),
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(circleSegments.value, (item, index) => {
               return vue.openBlock(), vue.createElementBlock("circle", {
                 key: index,
@@ -51315,7 +51634,7 @@ const _hoisted_1$t = {
   "aria-hidden": "true"
 };
 const _hoisted_2$f = ["title"];
-const _hoisted_3$7 = ["title"];
+const _hoisted_3$8 = ["title"];
 const _hoisted_4$5 = ["dir"];
 const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
   ...{ name: createNamespace$1("scheduler-event").name },
@@ -51713,7 +52032,7 @@ const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
           onClick: _cache[4] || (_cache[4] = vue.withModifiers(() => {
           }, ["stop"])),
           onDragstart: _cache[5] || (_cache[5] = vue.withModifiers(($event) => begin($event, "start"), ["stop"]))
-        }, null, 42, _hoisted_3$7)) : vue.createCommentVNode("", true),
+        }, null, 42, _hoisted_3$8)) : vue.createCommentVNode("", true),
         ghost.value ? (vue.openBlock(), vue.createBlock(vue.Teleport, {
           key: 2,
           to: "body"
@@ -53136,7 +53455,7 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
 });
 const _hoisted_1$p = ["aria-current", "data-scheduler-heading-date"];
 const _hoisted_2$d = ["data-scheduler-date", "data-scheduler-resource", "tabindex", "aria-disabled", "aria-label", "onDrop", "onClick", "onKeydown"];
-const _hoisted_3$6 = ["aria-label"];
+const _hoisted_3$7 = ["aria-label"];
 const _hoisted_4$4 = ["onClickCapture", "onFocusin"];
 const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
   ...{ name: createNamespace$1("scheduler-time-grid").name },
@@ -53696,7 +54015,7 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
                 }),
                 role: "img",
                 "aria-label": `${__props.messages.currentTime}: ${__props.now.toLocaleTimeString(__props.locale, { hour: "2-digit", minute: "2-digit", hour12: false })}`
-              }, null, 14, _hoisted_3$6)) : vue.createCommentVNode("", true),
+              }, null, 14, _hoisted_3$7)) : vue.createCommentVNode("", true),
               vue.createElementVNode("div", {
                 class: vue.normalizeClass(vue.unref(n2)("event-layer"))
               }, [
@@ -54452,7 +54771,7 @@ const _hoisted_2$c = {
   dir: "ltr",
   "aria-hidden": "true"
 };
-const _hoisted_3$5 = {
+const _hoisted_3$6 = {
   dir: "ltr",
   "aria-hidden": "true"
 };
@@ -55534,7 +55853,7 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
                 onClick: _cache[2] || (_cache[2] = ($event) => navigate(1))
               }, {
                 default: vue.withCtx(() => [
-                  vue.createElementVNode("span", _hoisted_3$5, vue.toDisplayString(vue.unref(isRtl) ? "‹" : "›"), 1)
+                  vue.createElementVNode("span", _hoisted_3$6, vue.toDisplayString(vue.unref(isRtl) ? "‹" : "›"), 1)
                 ]),
                 _: 1
               }, 8, ["disabled", "aria-label"]),
@@ -56632,7 +56951,7 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
               vue.createTextVNode(vue.toDisplayString(__props.settings.label), 1)
             ])
           ], 10, _hoisted_1$n)) : vue.createCommentVNode("", true),
-          vue.createVNode(vue.unref(Input), vue.mergeProps({
+          vue.createVNode(vue.unref(SearchInput), vue.mergeProps({
             ref_key: "inputRef",
             ref: inputRef,
             loading: __props.settings.loading && __props.settings.loadingMode === "line",
@@ -56678,7 +56997,7 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
               key: "2"
             } : void 0
           ]), 1040, ["loading", "loading-mode", "model-value", "empty-value", "input-attrs", "error", "placeholder", "class", "onUpdate:modelValue", "onInput", "onChange", "onClear", "onPressEnter", "onBlur", "onFocus"]),
-          vue.createVNode(vue.unref(Button), {
+          vue.createVNode(vue.unref(Button$1), {
             class: vue.normalizeClass(vue.unref(n2)("cancel")),
             variant: "text",
             disabled: __props.state.searchDisabled,
@@ -56989,7 +57308,7 @@ function useSearchInput(props2, popupActive, referenceAttrs = () => ({})) {
 }
 const _hoisted_1$m = ["aria-busy"];
 const _hoisted_2$a = ["for", "aria-hidden"];
-const _hoisted_3$4 = ["disabled", "aria-label"];
+const _hoisted_3$5 = ["disabled", "aria-label"];
 const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
   ...{ name: createNamespace$1("search").name, inheritAttrs: false },
   __name: "search",
@@ -57061,7 +57380,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
     });
     __expose({ focus, blur });
     return (_ctx, _cache) => {
-      return vue.unref(readPretty) ? (vue.openBlock(), vue.createBlock(_sfc_main$31, {
+      return vue.unref(readPretty) ? (vue.openBlock(), vue.createBlock(_sfc_main$32, {
         key: 0,
         "edit-mode": "direct",
         "read-pretty": true,
@@ -57086,7 +57405,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass([vue.unref(classes2)(vue.unref(n2)(), vue.unref(n2)(`--${_ctx.shape}`)), vue.unref(attrs).class]),
         style: vue.normalizeStyle([{ background: _ctx.background }, vue.unref(attrs).style])
       }, [
-        vue.createVNode(_sfc_main$2X, {
+        vue.createVNode(_sfc_main$2l, {
           size: vue.unref(mergedSize),
           disabled: vue.unref(mergedDisabled),
           readonly: vue.unref(mergedReadonly),
@@ -57123,7 +57442,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
             }, {
               content: vue.withCtx(() => [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.recentSearches, (item, index) => {
-                  return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$2I), {
+                  return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$2M), {
                     key: index,
                     value: item,
                     label: item
@@ -57131,7 +57450,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
                 }), 128))
               ]),
               default: vue.withCtx(() => [
-                vue.createVNode(_sfc_main$2Y, vue.mergeProps({
+                vue.createVNode(_sfc_main$2Z, vue.mergeProps({
                   loading: _ctx.loading && _ctx.loadingMode === "line",
                   "loading-mode": _ctx.loadingMode
                 }, fallthroughInputAttrs.value, {
@@ -57180,7 +57499,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
                         key: 2,
                         name: _ctx.searchIcon
                       }, null, 8, ["name"]))
-                    ], 10, _hoisted_3$4)) : vue.createCommentVNode("", true),
+                    ], 10, _hoisted_3$5)) : vue.createCommentVNode("", true),
                     vue.renderSlot(_ctx.$slots, "suffix")
                   ]),
                   _: 2
@@ -57203,7 +57522,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
               ]),
               _: 3
             }, 8, ["open", "popup-container", "onUpdate:open", "onSelect"]),
-            vue.unref(effectiveShowAction) ? (vue.openBlock(), vue.createBlock(vue.unref(Button), vue.mergeProps({
+            vue.unref(effectiveShowAction) ? (vue.openBlock(), vue.createBlock(vue.unref(Button$1), vue.mergeProps({
               key: 2,
               status: _ctx.searchButton ? "primary" : void 0,
               variant: _ctx.searchButton ? void 0 : "text"
@@ -57817,6 +58136,8 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
     readonly: Boolean,
     error: Boolean,
     ariaLabel: [String, Array],
+    ariaLabelledby: String,
+    ariaDescribedby: String,
     ariaInvalid: { type: [String, Boolean], default: void 0 }
   },
   emits: ["change", "focus", "blur"],
@@ -57840,7 +58161,7 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
           disabled: __props.disabled,
           readonly: __props.readonly,
           error: __props.error,
-          "input-attrs": { "aria-label": label(0), "aria-invalid": __props.ariaInvalid },
+          "input-attrs": { "aria-label": label(0), "aria-labelledby": __props.ariaLabelledby, "aria-describedby": __props.ariaDescribedby, "aria-invalid": __props.ariaInvalid },
           onChange: _cache[0] || (_cache[0] = (value) => emit("change", 0, value ?? void 0)),
           onFocus: _cache[1] || (_cache[1] = ($event) => emit("focus")),
           onBlur: _cache[2] || (_cache[2] = ($event) => emit("blur"))
@@ -57854,7 +58175,7 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
           disabled: __props.disabled,
           readonly: __props.readonly,
           error: __props.error,
-          "input-attrs": { "aria-label": label(1), "aria-invalid": __props.ariaInvalid },
+          "input-attrs": { "aria-label": label(1), "aria-labelledby": __props.ariaLabelledby, "aria-describedby": __props.ariaDescribedby, "aria-invalid": __props.ariaInvalid },
           onChange: _cache[3] || (_cache[3] = (value) => emit("change", 1, value ?? void 0)),
           onFocus: _cache[4] || (_cache[4] = ($event) => emit("focus")),
           onBlur: _cache[5] || (_cache[5] = ($event) => emit("blur"))
@@ -57866,16 +58187,29 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
 function useSliderForm(props2) {
   return useFormItem({ disabled: vue.computed(() => props2.disabled), error: vue.computed(() => props2.error), readonly: vue.computed(() => props2.readonly) });
 }
-const _hoisted_1$k = ["tabindex", "aria-label", "aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-valuetext", "aria-orientation", "aria-disabled", "aria-readonly", "aria-invalid", "aria-describedby", "onPointerdown", "onKeydown", "onFocus", "onMouseenter"];
-const _hoisted_2$9 = ["id"];
+const _hoisted_1$k = ["role", "aria-labelledby"];
+const _hoisted_2$9 = ["tabindex", "aria-label", "aria-labelledby", "aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-valuetext", "aria-orientation", "aria-disabled", "aria-readonly", "aria-invalid", "aria-describedby", "onPointerdown", "onKeydown", "onFocus", "onMouseenter"];
+const _hoisted_3$4 = ["id"];
 const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
-  ...{ name: createNamespace$1("slider").name },
+  ...{ name: createNamespace$1("slider").name, inheritAttrs: false },
   __name: "Slider",
   props: sliderProps,
   emits: ["update:modelValue", "change", "start", "end"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const { n: n2, classes: classes2 } = createNamespace$1("slider");
     const props2 = __props;
+    const attrs = vue.useAttrs();
+    const formLabel = useFormItemLabel();
+    const rangeGroupLabel = vue.computed(() => {
+      const label = formLabel?.value;
+      return props2.range && attrs.role == null && attrs["aria-labelledby"] == null && label?.target && label.target === attrs.id ? label.id : void 0;
+    });
+    const singleLabelledBy = vue.computed(() => {
+      if (props2.range) return void 0;
+      if (attrs["aria-labelledby"] != null) return attrs["aria-labelledby"];
+      const label = formLabel?.value;
+      return props2.ariaLabel == null && label?.target && label.target === attrs.id ? label.id : void 0;
+    });
     const { describe: describeError } = useFormErrorDescription();
     const emit = __emit;
     const { mergedDisabled, mergedReadonly, mergedError, eventHandlers } = useSliderForm(props2);
@@ -58149,21 +58483,22 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
     vue.onBeforeUnmount(cleanup);
     vue.onDeactivated(cleanup);
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
+      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
         ref_key: "root",
-        ref: root,
-        class: vue.normalizeClass(
-          vue.unref(classes2)(
-            vue.unref(n2)(),
-            vue.unref(n2)(`--${_ctx.orientation}`),
-            [isDisabled.value, vue.unref(n2)("--disabled")],
-            [vue.unref(mergedReadonly), vue.unref(n2)("--readonly")],
-            [vue.unref(mergedError), vue.unref(n2)("--error")],
-            [_ctx.marks, vue.unref(n2)("--marks")]
-          )
+        ref: root
+      }, _ctx.$attrs, {
+        class: vue.unref(classes2)(
+          vue.unref(n2)(),
+          vue.unref(n2)(`--${_ctx.orientation}`),
+          [isDisabled.value, vue.unref(n2)("--disabled")],
+          [vue.unref(mergedReadonly), vue.unref(n2)("--readonly")],
+          [vue.unref(mergedError), vue.unref(n2)("--error")],
+          [_ctx.marks, vue.unref(n2)("--marks")]
         ),
-        style: vue.normalizeStyle(customStyle.value)
-      }, [
+        style: customStyle.value,
+        role: _ctx.$attrs.role ?? (_ctx.range && (rangeGroupLabel.value || typeof _ctx.$attrs["aria-labelledby"] === "string" && _ctx.$attrs["aria-labelledby"].trim()) ? "group" : void 0),
+        "aria-labelledby": _ctx.$attrs["aria-labelledby"] ?? rangeGroupLabel.value
+      }), [
         vue.createElementVNode("div", {
           ref_key: "track",
           ref: track,
@@ -58202,6 +58537,7 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
               role: "slider",
               tabindex: isDisabled.value ? void 0 : 0,
               "aria-label": thumbLabel(index),
+              "aria-labelledby": singleLabelledBy.value,
               "aria-valuemin": index === 1 && _ctx.range ? values.value[0] : bounds.value.min,
               "aria-valuemax": index === 0 ? values.value[1] : bounds.value.max,
               "aria-valuenow": values.value[index],
@@ -58231,8 +58567,8 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
                 id: `${tooltipId}-${index}`,
                 class: vue.normalizeClass(vue.unref(n2)("tooltip")),
                 role: "tooltip"
-              }, vue.toDisplayString(format(values.value[index])), 11, _hoisted_2$9)) : vue.createCommentVNode("", true)
-            ], 46, _hoisted_1$k);
+              }, vue.toDisplayString(format(values.value[index])), 11, _hoisted_3$4)) : vue.createCommentVNode("", true)
+            ], 46, _hoisted_2$9);
           }), 128))
         ], 34),
         _ctx.showInput ? (vue.openBlock(), vue.createBlock(_sfc_main$G, {
@@ -58246,12 +58582,14 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
           readonly: vue.unref(mergedReadonly),
           error: vue.unref(mergedError),
           "aria-label": _ctx.ariaLabel,
+          "aria-labelledby": singleLabelledBy.value,
+          "aria-describedby": _ctx.$attrs["aria-describedby"],
           "aria-invalid": _ctx.$attrs["aria-invalid"],
           onChange: inputChange,
           onFocus: _cache[2] || (_cache[2] = ($event) => vue.unref(eventHandlers)?.onFocus?.()),
           onBlur: _cache[3] || (_cache[3] = ($event) => vue.unref(eventHandlers)?.onBlur?.())
-        }, null, 8, ["model-value", "min", "max", "step", "range", "disabled", "readonly", "error", "aria-label", "aria-invalid"])) : vue.createCommentVNode("", true)
-      ], 6);
+        }, null, 8, ["model-value", "min", "max", "step", "range", "disabled", "readonly", "error", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid"])) : vue.createCommentVNode("", true)
+      ], 16, _hoisted_1$k);
     };
   }
 });
@@ -58831,7 +59169,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
     const resize = () => menuRef.value?.resize();
     __expose({ open: open2, close: close2, resize });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$34), {
+      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$2J), {
         class: vue.normalizeClass(vue.unref(n2)()),
         status: _ctx.status,
         size: _ctx.size,
@@ -59569,6 +59907,10 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
     const current = vue.computed(() => props2.modelValue === void 0 ? internal.value : props2.modelValue);
     const checked = vue.computed(() => current.value === props2.checkedValue);
     const pending = vue.ref(false);
+    const editorPending = vue.inject(fieldEditorControlPending, void 0);
+    vue.watch(pending, (value) => {
+      if (editorPending) editorPending.value = value;
+    }, { flush: "sync" });
     const busy = vue.computed(() => props2.loading || pending.value);
     const rippleKey = vue.ref(0);
     let active = true;
@@ -60958,6 +61300,19 @@ function forwardTableColumnSlot(slot) {
   };
   return { default: forward, _: 2 };
 }
+function firstStructuralNode(nodes) {
+  if (Array.isArray(nodes)) {
+    for (const node of nodes) {
+      const result = firstStructuralNode(node);
+      if (result) return result;
+    }
+    return void 0;
+  }
+  if (!vue.isVNode(nodes) || nodes.type === vue.Comment) return void 0;
+  if (nodes.type === vue.Text && !String(nodes.children ?? "").trim()) return void 0;
+  if (nodes.type === vue.Fragment && Array.isArray(nodes.children)) return firstStructuralNode(nodes.children);
+  return nodes;
+}
 const {
   name: name$j
 } = createNamespace$1("thead");
@@ -60967,7 +61322,7 @@ const Thead = /* @__PURE__ */ vue.defineComponent({
     slots
   }) {
     return () => {
-      return vue.createVNode(slots.thead?.()[0] ?? "thead", null, {
+      return vue.createVNode(firstStructuralNode(slots.thead?.()) ?? "thead", null, {
         default: slots.default
       });
     };
@@ -60982,7 +61337,7 @@ const Tbody = /* @__PURE__ */ vue.defineComponent({
     slots
   }) {
     return () => {
-      return vue.createVNode(slots.tbody?.()[0] ?? "tbody", null, {
+      return vue.createVNode(firstStructuralNode(slots.tbody?.()) ?? "tbody", null, {
         default: slots.default
       });
     };
@@ -61020,10 +61375,10 @@ const Tr = /* @__PURE__ */ vue.defineComponent({
       [`${prefixCls2}-tr-checked`]: props2.checked
     }]);
     return () => {
-      return vue.createVNode(slots.tr?.({
+      return vue.createVNode(firstStructuralNode(slots.tr?.({
         rowIndex: props2.rowIndex,
         record: props2.record?.raw
-      })[0] ?? "tr", {
+      })) ?? "tr", {
         class: cls.value
       }, {
         default: () => {
@@ -61546,9 +61901,9 @@ const Th = /* @__PURE__ */ vue.defineComponent({
       const rowSpan = props2.column.rowSpan ?? 1;
       const resizeColumnName = typeof props2.column.title === "string" ? props2.column.title : props2.column.dataIndex;
       const translatedResizeLabel = t("table.resizeColumn", resizeColumnName);
-      const customHeader = props2.customHeader ?? slots.th?.({
+      const customHeader = firstStructuralNode([props2.customHeader]) ?? firstStructuralNode(slots.th?.({
         column: props2.column
-      })[0];
+      }));
       return vue.createVNode(customHeader ?? "th", {
         class: cls.value,
         style: style.value,
@@ -61796,11 +62151,11 @@ const Td = /* @__PURE__ */ vue.defineComponent({
       }, [renderContent2()])]);
     };
     return () => {
-      const customCell = slots.td?.({
+      const customCell = firstStructuralNode(slots.td?.({
         record: props2.record?.raw,
         column: props2.column,
         rowIndex: props2.rowIndex ?? -1
-      })[0];
+      }));
       const customHeaders = customCell?.props && Object.prototype.hasOwnProperty.call(customCell.props, "headers") && customCell.props.headers !== void 0 ? customCell.props.headers : props2.headers;
       return vue.createVNode(customCell ?? "td", {
         class: cls.value,
@@ -63634,9 +63989,10 @@ const _Table = /* @__PURE__ */ vue.defineComponent({
     const semanticId = `c-table-header-${vue.useId()}`;
     const visibleHeaderId = (row, index) => `${semanticId}-visible-${row}-${index}`;
     const visibleOperationId = (index) => `${semanticId}-visible-operation-${index}`;
-    const customHeaders = vue.computed(() => groupColumns.value.map((row) => row.map((column) => slots.th?.({
+    const activeHeaderSlot = vue.shallowRef(slots.th);
+    const customHeaders = vue.computed(() => groupColumns.value.map((row) => row.map((column) => firstStructuralNode(activeHeaderSlot.value?.({
       column
-    })?.[0])));
+    })))));
     const explicitHeaderName = (value) => typeof value === "string" && value.trim() ? value : void 0;
     const semanticRows = (surface) => groupColumns.value.map((row, rowIndex) => [...rowIndex === 0 ? operations.value.map((_, index) => ({
       id: `${semanticId}-${surface}-operation-${index}`,
@@ -64252,13 +64608,27 @@ const _Table = /* @__PURE__ */ vue.defineComponent({
       }
       return Object.keys(result).length > 0 ? result : void 0;
     });
+    const tableInstance = vue.getCurrentInstance();
+    let slotSnapshot = [];
+    const currentSlotSnapshot = () => {
+      const incoming = tableInstance.vnode.children;
+      const raw = incoming && !Array.isArray(incoming) && typeof incoming === "object" ? incoming : {};
+      const next = Object.keys(raw).filter((key) => key !== "_" && key !== "$stable").sort().flatMap((key) => [key, raw[key]]);
+      if (next.length !== slotSnapshot.length || next.some((value, index) => value !== slotSnapshot[index])) {
+        slotSnapshot = next;
+        activeHeaderSlot.value = slots.th;
+      }
+      return slotSnapshot;
+    };
     const DeferredTable = /* @__PURE__ */ vue.defineComponent({
       props: {
-        rowSlotState: Number
+        rowSlotState: Number,
+        slotSnapshot: Array
       },
       setup: () => () => renderTable()
     });
     const render = () => {
+      const snapshot = currentSlotSnapshot();
       if (slots.default) {
         let _slot;
         return vue.createVNode(ResizeObserver$1, {
@@ -64288,7 +64658,8 @@ const _Table = /* @__PURE__ */ vue.defineComponent({
           "aria-busy": loadingProps2.value.loading || void 0
         }, tableInteractionEvents), [children.value, vue.createVNode(_sfc_main$38, loadingProps2.value, {
           default: () => [props2.pagination !== false && (flattenData.value.length > 0 || sortedData.value.length > 0) && isPaginationTop.value && renderPaginationArea(), vue.createVNode(DeferredTable, {
-            "rowSlotState": (slots.tr ? 1 : 0) | (slots["expand-row"] ? 2 : 0)
+            "rowSlotState": (slots.tr ? 1 : 0) | (slots["expand-row"] ? 2 : 0),
+            "slotSnapshot": snapshot
           }, null), props2.pagination !== false && (flattenData.value.length > 0 || sortedData.value.length > 0) && !isPaginationTop.value && renderPaginationArea()]
         })])]
       });
@@ -66200,12 +66571,12 @@ const TableColumnHeaderAction = vue.defineComponent({
     };
     const options = () => {
       const items = [];
-      if (has("insert-left")) items.push(vue.h(_sfc_main$2I, { onClick: () => handleInsert("left") }, () => "向左插入列"));
-      if (has("insert-right")) items.push(vue.h(_sfc_main$2I, { onClick: () => handleInsert("right") }, () => "向右插入列"));
+      if (has("insert-left")) items.push(vue.h(_sfc_main$2M, { onClick: () => handleInsert("left") }, () => "向左插入列"));
+      if (has("insert-right")) items.push(vue.h(_sfc_main$2M, { onClick: () => handleInsert("right") }, () => "向右插入列"));
       if (has("freeze-left"))
         items.push(
           vue.h(
-            _sfc_main$2I,
+            _sfc_main$2M,
             {
               disabled: props2.column?.fixed === "left",
               onClick: () => handleFreeze("left")
@@ -66216,7 +66587,7 @@ const TableColumnHeaderAction = vue.defineComponent({
       if (has("freeze-right"))
         items.push(
           vue.h(
-            _sfc_main$2I,
+            _sfc_main$2M,
             {
               disabled: props2.column?.fixed === "right",
               onClick: () => handleFreeze("right")
@@ -66227,7 +66598,7 @@ const TableColumnHeaderAction = vue.defineComponent({
       if (has("unfreeze"))
         items.push(
           vue.h(
-            _sfc_main$2I,
+            _sfc_main$2M,
             {
               disabled: !props2.column?.fixed,
               onClick: () => handleUnfreeze()
@@ -66235,8 +66606,8 @@ const TableColumnHeaderAction = vue.defineComponent({
             () => "取消冻结"
           )
         );
-      if (has("edit")) items.push(vue.h(_sfc_main$2I, { onClick: () => handleEdit() }, () => "编辑列"));
-      if (has("delete")) items.push(vue.h(_sfc_main$2I, { onClick: () => handleDelete() }, () => "删除列"));
+      if (has("edit")) items.push(vue.h(_sfc_main$2M, { onClick: () => handleEdit() }, () => "编辑列"));
+      if (has("delete")) items.push(vue.h(_sfc_main$2M, { onClick: () => handleDelete() }, () => "删除列"));
       return items;
     };
     return () => vue.h(
@@ -67770,7 +68141,7 @@ const _sfc_main$l = vue.defineComponent({
   name: name$8,
   components: {
     Panel: Panel$1,
-    Button
+    Button: Button$1
   },
   inheritAttrs: false,
   props: {
@@ -71789,7 +72160,9 @@ const Panel = /* @__PURE__ */ vue.defineComponent({
             "aria-disabled": visibleNodeMap.value.get(key)?.disabled,
             "aria-expanded": status.isLeaf ? void 0 : status.expanded,
             "class": [`${prefixCls2}-option`, {
-              [`${prefixCls2}-option-active`]: key === activeKey.value
+              [`${prefixCls2}-option-active`]: key === activeKey.value,
+              [`${prefixCls2}-option-selected`]: status.selected || status.checked,
+              [`${prefixCls2}-option-disabled`]: visibleNodeMap.value.get(key)?.disabled
             }],
             "onMouseenter": () => {
               if (visibleNodeMap.value.has(key) && !visibleNodeMap.value.get(key)?.disabled) activeKey.value = key;
@@ -71815,6 +72188,8 @@ const Panel = /* @__PURE__ */ vue.defineComponent({
 });
 const treeSelectProps = {
   ...fieldLoadingProps,
+  /** 弹出编辑是否需要确认；未设置时单选即提交，多选保留确认。 */
+  needConfirm: { type: Boolean, default: void 0 },
   openTriggerTarget: openTriggerTargetProp,
   /** 内置字段匹配是否区分大小写。 */
   caseSensitive: { type: Boolean, default: false },
@@ -72088,9 +72463,9 @@ const _sfc_main$7 = vue.defineComponent({
   name: createNamespace$1("tree-select").name,
   components: {
     Input,
-    SelectedOptions: _sfc_main$2F,
+    SelectedOptions: _sfc_main$2I,
     Trigger,
-    SelectionField: _sfc_main$2A,
+    SelectionField: _sfc_main$2D,
     Panel,
     Empty: Empty$1,
     Loading: _sfc_main$38
@@ -72371,7 +72746,7 @@ const _sfc_main$7 = vue.defineComponent({
       searchEnabled,
       texts,
       Trigger,
-      SelectedOptions: _sfc_main$2F,
+      SelectedOptions: _sfc_main$2I,
       Input,
       EditorContent: vue.defineComponent({
         name: createNamespace$1("tree-select-editor-content").name,
@@ -72663,9 +73038,10 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
 }
 const Base$1 = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$3]]);
 const _TreeSelect = withFieldPresentation(Base$1, {
+  selectionConfirmation: "update",
   pauseSelectionWhileLoading: true,
   editor: ({ props: props2, attrs, value, update, emit, slots, disabled, readonly }) => vue.h(
-    _sfc_main$30,
+    _sfc_main$31,
     { kind: "tree-select" },
     () => vue.h(
       Base$1,
@@ -74079,10 +74455,13 @@ function useFilePicker(options) {
 function useUploadQueue(options) {
   const inner = vue.ref((options.defaultValue?.() ?? []).map((file) => ({ ...file })));
   const fileList = vue.computed(() => options.modelValue?.() ?? inner.value);
+  let revision = 0;
   let pending;
   let pendingBase;
   const mutationList = () => pending && fileList.value === pendingBase ? pending : fileList.value;
   function commit(next, changed) {
+    const currentRevision = ++revision;
+    const startedActive = options.isActive?.() ?? true;
     pendingBase = fileList.value;
     pending = next;
     if (options.modelValue?.() === void 0) inner.value = next;
@@ -74093,7 +74472,7 @@ function useUploadQueue(options) {
       }
     });
     options.onUpdateModelValue?.(next);
-    options.onChange?.(next, changed);
+    if (revision === currentRevision && (!startedActive || (options.isActive?.() ?? true))) options.onChange?.(next, changed);
   }
   function append(files) {
     if (files.length) commit([...mutationList(), ...files], files[0]);
@@ -74132,6 +74511,11 @@ function useUploadQueue(options) {
   }
   function reset() {
     if (fileList.value.length) commit([]);
+    else {
+      revision++;
+      pending = void 0;
+      pendingBase = void 0;
+    }
   }
   return {
     fileList,
@@ -74146,6 +74530,7 @@ function useUploadQueue(options) {
 }
 function useUploader(options) {
   const feedback = usePendingFeedback();
+  const preparation = usePendingFeedback();
   let active = true;
   let inactive = false;
   let generation = 0;
@@ -74163,7 +74548,8 @@ function useUploader(options) {
     modelValue: options.modelValue,
     defaultValue: options.defaultValue,
     onChange: options.onChange,
-    onUpdateModelValue: options.onUpdateModelValue
+    onUpdateModelValue: options.onUpdateModelValue,
+    isActive: () => active && !inactive
   });
   const replacementTarget = vue.ref();
   const metadataVersion = vue.ref(0);
@@ -74301,8 +74687,8 @@ function useUploader(options) {
   }
   function enqueue(files, rejected, previous) {
     const epoch = generation;
-    adding = adding.then(() => prepareFiles(files, rejected, epoch, previous)).catch(() => {
-    });
+    adding = preparation.track(() => adding.then(() => prepareFiles(files, rejected, epoch, previous)).catch(() => {
+    }));
     return adding;
   }
   async function prepareFiles(files, initialRejected, epoch, previous) {
@@ -74314,7 +74700,9 @@ function useUploader(options) {
         candidates = await feedback.track(() => options.beforeAdd(files));
         for (const file of files) if (!candidates.includes(file)) rejected.push({ file, reason: "before-add" });
       } catch {
-        reject([...rejected, ...files.map((file) => ({ file, reason: "before-add" }))]);
+        if (valid(epoch)) {
+          reject([...rejected, ...files.map((file) => ({ file, reason: "before-add" }))]);
+        }
         return;
       }
     }
@@ -74385,7 +74773,15 @@ function useUploader(options) {
       return;
     }
     reject(rejected);
+    if (!valid(epoch)) {
+      items.forEach((item) => release(item.uid));
+      return;
+    }
     if (rejected.some((file) => file.reason === "max-files")) options.onExceed?.(candidates, queue.fileList.value);
+    if (!valid(epoch)) {
+      items.forEach((item) => release(item.uid));
+      return;
+    }
     if (!items.length) return;
     if (previous) {
       if (!sameTarget(previous)) {
@@ -74405,9 +74801,13 @@ function useUploader(options) {
     items.forEach((file) => pendingAuto.add(file.uid));
     if (previous) {
       queue.replace(previous, items[0]);
+      if (!valid(epoch)) return;
       options.onReplace?.(items[0], previous);
     } else queue.append(items);
-    items.forEach((file) => options.onRead?.(vue.reactive(file)));
+    for (const file of items) {
+      if (!valid(epoch)) return;
+      options.onRead?.(vue.reactive(file));
+    }
     await vue.nextTick();
   }
   async function submit(file) {
@@ -74417,6 +74817,7 @@ function useUploader(options) {
   }
   async function uploadFile(file) {
     if (attempts.has(file.uid)) return;
+    const epoch = generation;
     const attempt = {};
     attempts.set(file.uid, attempt);
     const current = () => active && !inactive && attempts.get(file.uid) === attempt && queue.fileList.value.some(
@@ -74467,7 +74868,7 @@ function useUploader(options) {
           status: changed.status,
           percent: changed.percent
         });
-        options.onProgress?.(changed, event);
+        if (valid(epoch) && current()) options.onProgress?.(changed, event);
       };
       const handleSuccess = (response) => {
         if (!current()) return;
@@ -74483,7 +74884,7 @@ function useUploader(options) {
           percent: changed.percent,
           response
         });
-        options.onSuccess?.(changed);
+        if (valid(epoch)) options.onSuccess?.(changed);
       };
       const handleError = (error) => {
         if (!current()) return;
@@ -74499,7 +74900,7 @@ function useUploader(options) {
           percent: changed.percent,
           error
         });
-        options.onError?.(changed);
+        if (valid(epoch)) options.onError?.(changed);
       };
       const requestOptions = {
         action: options.action?.(),
@@ -74529,7 +74930,7 @@ function useUploader(options) {
       attempts.delete(file.uid);
       const changed = { ...item, status: "error", percent: 0, error };
       queue.patch(file.uid, changed);
-      options.onError?.(changed);
+      if (valid(epoch)) options.onError?.(changed);
     }
   }
   function abort(file) {
@@ -74558,7 +74959,7 @@ function useUploader(options) {
       cancelAttempt(file.uid);
       pendingAuto.delete(file.uid);
       queue.remove(file);
-      options.onRemove?.(file);
+      if (valid(epoch)) options.onRemove?.(file);
     } catch {
     } finally {
       if (removals.get(file.uid) === token) removals.delete(file.uid);
@@ -74581,8 +74982,9 @@ function useUploader(options) {
     });
   }
   function reset() {
-    feedback.cancel();
     if (disabled.value) return;
+    feedback.cancel();
+    preparation.cancel();
     generation++;
     replacementTarget.value = void 0;
     adding = Promise.resolve();
@@ -74623,6 +75025,8 @@ function useUploader(options) {
   });
   return {
     guardPending: feedback.pending,
+    /** @internal Coordinates deferred field confirmation with file preparation. */
+    editorPending: vue.computed(() => feedback.pending.value || preparation.pending.value),
     fileList: queue.fileList,
     maxReached,
     disabled,
@@ -74975,6 +75379,13 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
         }
       }
     });
+    const editorPending = vue.inject(fieldEditorControlPending, void 0);
+    vue.watch(uploader.editorPending, (value) => {
+      if (editorPending) editorPending.value = value;
+    }, { flush: "sync" });
+    vue.onBeforeUnmount(() => {
+      if (editorPending) editorPending.value = false;
+    });
     const {
       fileList,
       maxReached,
@@ -75090,7 +75501,7 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
           class: vue.normalizeClass(vue.unref(n2)("input")),
           type: "file",
           accept: _ctx.accept,
-          capture: _ctx.capture,
+          capture: _ctx.capture === false ? void 0 : _ctx.capture === true ? "" : _ctx.capture,
           multiple: !vue.unref(replacementTarget) && (_ctx.multiple || _ctx.directory),
           disabled: vue.unref(disabledState),
           webkitdirectory: !vue.unref(replacementTarget) && _ctx.directory || void 0,
@@ -76162,13 +76573,13 @@ const install = (app, options) => {
 const CedarVue = {
   ...components,
   AnchorLink,
-  AvatarGroup: _sfc_main$2M,
+  AvatarGroup: _sfc_main$2Q,
   BreadcrumbItem,
-  ButtonGroup: _sfc_main$34,
-  CarouselItem: _sfc_main$2t,
+  ButtonGroup: _sfc_main$2J,
+  CarouselItem: _sfc_main$2w,
   CascaderPanel,
   CheckboxGroup,
-  CollapseItem: _sfc_main$2j,
+  CollapseItem: _sfc_main$2m,
   DatePicker,
   DateRangePicker,
   DescriptionsItem,
@@ -76179,16 +76590,16 @@ const CedarVue = {
   ImagePreviewAction,
   ImagePreviewFn: previewImage,
   ImagePreviewGroup,
-  InputGroup: _sfc_main$2X,
-  InputGroupLabel: _sfc_main$2W,
-  InputPassword: _sfc_main$2V,
+  InputGroup: _sfc_main$2l,
+  InputGroupLabel: _sfc_main$2k,
+  InputPassword: _sfc_main$2j,
   LayoutContent,
   LayoutFooter,
   LayoutHeader,
   LayoutSider,
   ListItem: _sfc_main$1i,
   MapSelect,
-  MenuOption: _sfc_main$2I,
+  MenuOption: _sfc_main$2M,
   NavMenuItem,
   Optgroup,
   Option,
@@ -76562,25 +76973,25 @@ exports.Anchor = Anchor;
 exports.AnchorLink = AnchorLink;
 exports.AutoComplete = AutoComplete;
 exports.Avatar = Avatar;
-exports.AvatarGroup = _sfc_main$2M;
+exports.AvatarGroup = _sfc_main$2Q;
 exports.BackTop = BackTop;
 exports.Badge = Badge;
 exports.Breadcrumb = _Breadcrumb;
 exports.BreadcrumbItem = BreadcrumbItem;
 exports.Button = Button;
-exports.ButtonGroup = _sfc_main$34;
+exports.ButtonGroup = _sfc_main$2J;
 exports.COLUMN_MANAGER_STATE_VERSION = COLUMN_MANAGER_STATE_VERSION;
 exports.Calendar = Calendar;
 exports.Card = Card;
 exports.Carousel = Carousel;
-exports.CarouselItem = _sfc_main$2t;
+exports.CarouselItem = _sfc_main$2w;
 exports.Cascader = Cascader;
 exports.CascaderPanel = CascaderPanel;
 exports.Checkbox = Checkbox;
 exports.CheckboxGroup = CheckboxGroup;
 exports.Col = Col;
 exports.Collapse = Collapse;
-exports.CollapseItem = _sfc_main$2j;
+exports.CollapseItem = _sfc_main$2m;
 exports.Color = Color;
 exports.ColorPicker = ColorPicker;
 exports.ConfigProvider = ConfigProvider;
@@ -76614,10 +77025,10 @@ exports.ImagePreviewFn = previewImage;
 exports.ImagePreviewGroup = ImagePreviewGroup;
 exports.InfiniteScroll = InfiniteScroll;
 exports.Input = Input;
-exports.InputGroup = _sfc_main$2X;
-exports.InputGroupLabel = _sfc_main$2W;
+exports.InputGroup = _sfc_main$2l;
+exports.InputGroupLabel = _sfc_main$2k;
 exports.InputNumber = InputNumber;
-exports.InputPassword = _sfc_main$2V;
+exports.InputPassword = _sfc_main$2j;
 exports.InputTag = InputTag;
 exports.Layout = Layout;
 exports.LayoutContent = LayoutContent;
@@ -76632,7 +77043,7 @@ exports.Map = Map$1;
 exports.MapSelect = MapSelect;
 exports.Mention = Mention;
 exports.Menu = Menu;
-exports.MenuOption = _sfc_main$2I;
+exports.MenuOption = _sfc_main$2M;
 exports.Message = Message;
 exports.NavMenu = NavMenu;
 exports.NavMenuItem = NavMenuItem;