@maple-design/ui-vue 1.1.0 → 1.1.1

package/es/_components/field-presentation/EditorPanel.vue.mjs

@@ -1,5 +1,5 @@
 import { defineComponent, shallowRef, provide, computed, ref, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, toDisplayString, renderSlot, createCommentVNode, createBlock, resolveDynamicComponent, withCtx, createTextVNode, withModifiers } from "vue";
-import { Button } from "../../button/index.mjs";
+import MpButton from "../../button/base.mjs";
 import { injectLocaleProvider } from "../../locale-provider/provide.mjs";
 import { createNamespace } from "../../utils/components.mjs";
 import { fieldEditorBoundary, fieldEditorPanel } from "./context.mjs";
@@ -126,7 +126,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, [
             auxiliaryActions.value ? (openBlock(), createBlock(resolveDynamicComponent(auxiliaryActions.value), { key: 0 })) : createCommentVNode("", true)
           ], 2),
-          _ctx.clearable ? (openBlock(), createBlock(unref(Button), {
+          _ctx.clearable ? (openBlock(), createBlock(unref(MpButton), {
             key: 0,
             variant: "text",
             disabled: _ctx.disabled || _ctx.pending,
@@ -137,7 +137,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           }, 8, ["disabled"])) : createCommentVNode("", true),
-          _ctx.needConfirm ? (openBlock(), createBlock(unref(Button), {
+          _ctx.needConfirm ? (openBlock(), createBlock(unref(MpButton), {
             key: 1,
             status: "primary",
             loading: _ctx.pending,

package/es/_components/field-presentation/editor-pending.mjs

@@ -0,0 +1,4 @@
+const fieldEditorControlPending = Symbol("field-editor-control-pending");
+export {
+  fieldEditorControlPending
+};

package/es/_components/field-presentation/form-bridge.mjs

@@ -1,5 +1,5 @@
 import { inject, provide, computed } from "vue";
-import { FORM_ITEM_BIND_CONTROL_KEY, useFormItem } from "../../form/item-provide.mjs";
+import { useFormItem, FORM_ITEM_BIND_CONTROL_KEY } from "../../form/item-provide.mjs";
 import { isolateFormItemLabel } from "../../form/label-context.mjs";
 const usePresentationForm = useFormItem;
 function isolateEditorForm() {

package/es/_components/field-presentation/with-field-presentation.mjs

@@ -1,9 +1,10 @@
-import { defineComponent, getCurrentInstance, provide, computed, inject, shallowRef, ref, watch, onBeforeUnmount, onDeactivated, onActivated, onMounted, nextTick, h, proxyRefs } from "vue";
+import { defineComponent, getCurrentInstance, provide, computed, inject, ref, shallowRef, watch, onBeforeUnmount, onDeactivated, onActivated, onMounted, h, nextTick, proxyRefs } from "vue";
 import { useOptionRequest, provideOptionRequest } from "../../_hooks/use-option-request.mjs";
 import { inputGroupKey } from "../../input/context.mjs";
 import { useEmptyValues, provideEmptyValues, resolveEmptyValue } from "../../utils/empty-value.mjs";
 import { useSelectionSession } from "../selection-field/use-selection-session.mjs";
 import { useFieldPresentation, fieldEditorBoundary, fieldControlFormEvents, invokeBeforeCommit } from "./context.mjs";
+import { fieldEditorControlPending } from "./editor-pending.mjs";
 import _sfc_main from "./FieldPresentation.vue.mjs";
 import { usePresentationForm } from "./form-bridge.mjs";
 function cloneValue(value, seen = /* @__PURE__ */ new WeakMap()) {
@@ -23,7 +24,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;
   }
@@ -39,12 +40,18 @@ 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 === "") {
@@ -120,6 +127,8 @@ function withFieldPresentation(Base, adapter = {}) {
         readonly: computed(() => props.readonly ?? inputGroup?.readonly.value),
         size: computed(() => props.size ?? inputGroup?.size.value)
       });
+      const editorControlPending = ref(false);
+      provide(fieldEditorControlPending, editorControlPending);
       const inner = shallowRef();
       const host = ref();
       const localValue = shallowRef(props.defaultValue ?? props.modelValue);
@@ -245,9 +254,26 @@ function withFieldPresentation(Base, adapter = {}) {
           }
         }
       });
+      const needConfirm = computed(
+        () => !adapter.selectionConfirmation || (props.needConfirm ?? Boolean(props.multiple))
+      );
+      const showConfirm = 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 && open.value && !session.pending.value && sameFieldValue(session.draft.value, candidate)) {
+            session.update(value.value);
+          }
+        });
+      };
       const updateDraft = (next) => {
         if (open.value && !blocked.value) {
           session.update(next);
+          if (adapter.selectionConfirmation === "update" && !needConfirm.value) {
+            completeSelection();
+          }
         }
       };
       const clearDraft = () => {
@@ -256,6 +282,9 @@ function withFieldPresentation(Base, adapter = {}) {
         }
         const fallback = "uncheckedValue" in props ? props.uncheckedValue : typeof props.defaultValue === "boolean" ? false : Array.isArray(value.value) ? [] : props.defaultValue;
         session.update(resolveEmptyValue(props, fallback));
+        if (!needConfirm.value) {
+          void session.commit();
+        }
       };
       const clearReference = async () => {
         if (blocked.value || selectionPaused.value || session.pending.value) {
@@ -273,8 +302,14 @@ function withFieldPresentation(Base, adapter = {}) {
         state.item?.resetValidation?.();
       };
       const confirm = async (event) => {
+        if (editorControlPending.value) {
+          return false;
+        }
         inner.value?.blur?.();
         await nextTick();
+        if (editorControlPending.value) {
+          return false;
+        }
         return session.commit(event);
       };
       watch(
@@ -484,6 +519,9 @@ function withFieldPresentation(Base, 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 (open.value && !blocked.value && !session.pending.value) {
                   commitNotifications.set(event, args);
@@ -544,12 +582,12 @@ function withFieldPresentation(Base, adapter = {}) {
             open: open.value,
             disabled: form.mergedDisabled.value,
             readonly: form.mergedReadonly.value,
-            needConfirm: true,
+            needConfirm: showConfirm.value,
             clearable: props.clearable && !selectionPaused.value,
             onClear: clearDraft,
             loading: Boolean(props.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,
@@ -586,7 +624,12 @@ function withFieldPresentation(Base, adapter = {}) {
               attrs,
               value: session.value.value,
               update: updateDraft,
-              emit,
+              emit: (name, ...args) => {
+                emit(name, ...args);
+                if (name === "select" && adapter.selectionConfirmation === "select" && !needConfirm.value) {
+                  void session.commit();
+                }
+              },
               slots,
               disabled: form.mergedDisabled.value || session.pending.value,
               readonly: form.mergedReadonly.value

package/es/_components/picker-field/PickerField.vue.mjs

@@ -5,14 +5,12 @@ import { fieldDecoratorProps } from "../../field-decorator/props.mjs";
 import { useFormErrorDescription } from "../../form/error-description.mjs";
 import { useFormItemLabel } from "../../form/label-context.mjs";
 import { splitInputAttrs } from "../../input/native-attrs.mjs";
-import { injectLocaleProvider } from "../../locale-provider/provide.mjs";
-import { t } from "../../locale/state.mjs";
-import { defaultFieldRangeStart, defaultFieldRangeEnd } from "../../locale/zh-CN.mjs";
 import { createNamespace } from "../../utils/components.mjs";
 import { useFieldTexts } from "../field-presentation/texts.mjs";
 import { isFieldOpenClick, blockFieldOpenClick } from "./open-trigger.mjs";
 import { pickerFieldProps } from "./props.mjs";
 import { useRangeFieldIndex } from "./range-field-context.mjs";
+import { usePickerRangeLabels } from "./range-labels.mjs";
 const _hoisted_1 = ["role", "aria-labelledby"];
 const _hoisted_2 = ["id"];
 const _hoisted_3 = ["id", "value", "placeholder", "disabled", "readonly", "aria-expanded", "aria-invalid", "aria-describedby", "aria-haspopup", "onFocus", "onClick", "onBlur", "onInput", "onCompositionend", "onKeydown"];
@@ -77,15 +75,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const explicitRangeLabel = computed(() => props.range && formLabel?.value?.target ? groupLabelId.value : void 0);
     const endpointLabelId = (index) => `${generatedId}-range-endpoint-${index}`;
-    const { t: translateEndpoint } = injectLocaleProvider();
-    const endpointLabels = computed(() => {
-      const keys = ["fieldPresentation.rangeStart", "fieldPresentation.rangeEnd"];
-      const legacyKeys = props.kind === "time" ? ["timeRangeStart", "timeRangeEnd"] : ["dateRangeStart", "dateRangeEnd"];
-      const fallback = [defaultFieldRangeStart, defaultFieldRangeEnd];
-      return keys.map(
-        (key, index) => translateEndpoint?.(key) ?? translateEndpoint?.(legacyKeys[index]) ?? t(key) ?? t(legacyKeys[index]) ?? fallback[index]
-      );
-    });
+    const endpointLabels = usePickerRangeLabels(() => props.kind);
     const inputs = [];
     const activeIndex = useRangeFieldIndex(() => props.disabledParts);
     const active = ref(false);
@@ -260,7 +250,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     key: 2,
                     id: endpointLabelId(index),
                     hidden: ""
-                  }, toDisplayString(endpointLabels.value[index]), 9, _hoisted_2)) : createCommentVNode("", true),
+                  }, toDisplayString(unref(endpointLabels)[index]), 9, _hoisted_2)) : createCommentVNode("", true),
                   createElementVNode("input", mergeProps({ ref_for: true }, inputAttributes(index), {
                     id: props.inputAttrs?.[index]?.id ?? (index === 0 ? controlId.value : controlId.value + "-" + index),
                     ref_for: true,

package/es/_components/picker-field/TemporalCurrent.vue.mjs

@@ -1,9 +1,8 @@
 import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, toDisplayString, createCommentVNode, createBlock } from "vue";
 import { IconClockCircle, IconCalendar } from "@maple-design/icons-vue";
-import "../../locale/index.mjs";
 import { injectLocaleProvider } from "../../locale-provider/provide.mjs";
+import { dateText } from "../../locale/date-text.mjs";
 import { createNamespace } from "../../utils/components.mjs";
-import { t } from "../../locale/state.mjs";
 const _hoisted_1 = ["aria-label", "title", "aria-pressed"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ name: createNamespace("temporal-current").name },
@@ -23,7 +22,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const { n } = createNamespace(props.prefix);
     const { n: c } = createNamespace("temporal-current");
     const { t: pt } = injectLocaleProvider();
-    const toggleLabel = computed(() => (pt ?? t)(props.view === "date" ? "timePickerHint" : "datePickerHint"));
+    const toggleLabel = computed(() => (pt ?? dateText)(props.view === "date" ? "timePickerHint" : "datePickerHint"));
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass([unref(n)("current"), unref(c)()]),

package/es/_components/picker-field/range-labels.mjs

@@ -0,0 +1,18 @@
+import { computed } from "vue";
+import { injectLocaleProvider } from "../../locale-provider/provide.mjs";
+import { t } from "../../locale/state.mjs";
+import { defaultFieldRangeStart, defaultFieldRangeEnd } from "../../locale/zh-CN.mjs";
+function usePickerRangeLabels(kind) {
+  const { t: translateEndpoint } = injectLocaleProvider();
+  return computed(() => {
+    const keys = ["fieldPresentation.rangeStart", "fieldPresentation.rangeEnd"];
+    const legacyKeys = kind() === "time" ? ["timeRangeStart", "timeRangeEnd"] : ["dateRangeStart", "dateRangeEnd"];
+    const fallback = [defaultFieldRangeStart, defaultFieldRangeEnd];
+    return keys.map(
+      (key, index) => translateEndpoint?.(key) ?? translateEndpoint?.(legacyKeys[index]) ?? t(key) ?? t(legacyKeys[index]) ?? fallback[index]
+    );
+  });
+}
+export {
+  usePickerRangeLabels
+};

package/es/_components/selected-options/style/index.css

@@ -72,7 +72,7 @@
 .mp-selected-options__toggle:focus-visible,
 .mp-selected-options__clear:focus-visible,
 .mp-selected-options__remove:focus-visible {
-  outline: 2px solid var(--mp-sys-color-content-brand);
+  outline: 2px solid var(--mp-sys-color-action-primary);
   outline-offset: 1px;
 }
 .mp-selected-options__toggle {
@@ -208,10 +208,13 @@
   white-space: normal;
   overflow-wrap: anywhere;
 }
-.mp-selection-editor .mp-select-option.mp-select-option-selected,
-.mp-selection-editor .mp-select-option.mp-select-option-selected:hover {
-  background: var(--mp-selection-editor-selected-background);
-  color: var(--mp-selection-editor-accent);
+.mp-selection-editor .mp-select-option.mp-select-option-selected:not(.mp-select-option-disabled) {
+  background: var(--mp-select-popup-option-bg-selected);
+  color: var(--mp-select-popup-option-text-color-selected);
+}
+.mp-selection-editor .mp-select-option.mp-select-option-selected:not(.mp-select-option-disabled):hover,
+.mp-selection-editor .mp-select-option.mp-select-option-selected:not(.mp-select-option-disabled).mp-select-option-active {
+  background: var(--mp-select-popup-option-bg-selected-hover);
 }
 .mp-selection-editor .mp-select-option-disabled {
   opacity: var(--mp-selected-options-disabled-opacity);
@@ -239,9 +242,13 @@
   white-space: normal;
   overflow-wrap: anywhere;
 }
-.mp-selection-editor .mp-cascader-option > span:first-child {
-  order: 2;
-  margin-inline-start: var(--mp-selection-editor-gap);
+.mp-selection-editor .mp-cascader-option .mp-cascader-option-checkbox {
+  order: -1;
+  flex: none;
+  margin-inline-end: var(--mp-selection-editor-gap);
+}
+.mp-selection-editor .mp-cascader-option .mp-cascader-option-checkbox .mp-checkbox {
+  margin-inline-end: 0;
 }
 .mp-selection-editor .mp-selection-indicator {
   margin: 0;
@@ -249,11 +256,13 @@
   height: var(--mp-selection-editor-check-size);
   border-radius: var(--mp-selection-editor-radius);
 }
-.mp-selection-editor .mp-cascader-option.mp-cascader-option-selected,
-.mp-selection-editor .mp-cascader-option.mp-cascader-option-selected:hover,
-.mp-selection-editor .mp-cascader-option-active {
-  background: var(--mp-selection-editor-selected-background);
-  color: var(--mp-selection-editor-accent);
+.mp-selection-editor .mp-cascader-option.mp-cascader-option-selected:not(.mp-cascader-option-disabled) {
+  background: var(--mp-cascader-item-bg-active);
+  color: var(--mp-cascader-item-text-color-active);
+}
+.mp-selection-editor .mp-cascader-option.mp-cascader-option-selected:not(.mp-cascader-option-disabled):hover,
+.mp-selection-editor .mp-cascader-option.mp-cascader-option-selected:not(.mp-cascader-option-disabled).mp-cascader-option-active {
+  background: var(--mp-cascader-item-bg-hover);
 }
 .mp-selection-editor--mobile {
   width: 100%;
@@ -268,8 +277,6 @@
 .mp-selection-editor--mobile .mp-select-dropdown .mp-select-option,
 .mp-selection-editor--mobile .mp-cascader-option {
   min-height: var(--mp-selection-editor-touch-height);
-  border-radius: 0;
-  border-bottom: 1px solid var(--mp-selection-editor-border);
   font-size: var(--mp-selection-editor-touch-font-size);
 }
 .mp-selection-editor--mobile .mp-selection-indicator {
@@ -394,3 +401,14 @@
 .mp-selection-editor--mobile .mp-tree-node {
   min-height: var(--mp-selection-editor-touch-height);
 }
+.mp-selection-editor--select .mp-select-dropdown .mp-select-dropdown-list-wrapper,
+.mp-selection-editor--auto-complete .mp-select-dropdown .mp-select-dropdown-list-wrapper,
+.mp-selection-editor--people-select .mp-select-dropdown .mp-select-dropdown-list-wrapper {
+  padding-inline: var(--mp-select-popup-padding-horizontal);
+}
+.mp-selection-editor--select.mp-selection-editor--mobile .mp-select-dropdown .mp-select-option,
+.mp-selection-editor--auto-complete.mp-selection-editor--mobile .mp-select-dropdown .mp-select-option,
+.mp-selection-editor--people-select.mp-selection-editor--mobile .mp-select-dropdown .mp-select-option {
+  border-radius: var(--mp-select-popup-option-border-radius);
+  border-bottom: 0;
+}

package/es/_components/selection-field/use-selection-session.mjs

@@ -53,6 +53,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) => {

package/es/_components/virtual-list-v2/VirtualList2.vue.mjs

@@ -1,5 +1,5 @@
 import { defineComponent, toRefs, computed, ref, onMounted, onBeforeUnmount, watch, nextTick, onActivated, onDeactivated } from "vue";
-import { setInlineScrollLeft, inlineScrollLeft } from "../../_utils/direction.mjs";
+import { inlineScrollLeft, setInlineScrollLeft } from "../../_utils/direction.mjs";
 import { isObject, isNumber } from "../../_utils/is.mjs";
 import { createNamespace, getPrefixCls } from "../../utils/components.mjs";
 import { useSize } from "./hooks/use-size.mjs";
@@ -107,6 +107,8 @@ const _sfc_main = defineComponent({
       await nextTick();
       updateViewport();
     });
+    let retainedInlineOffset;
+    let retainedScrollTop;
     let scrollRequest = 0;
     let commandedScroll;
     let mounted = false;
@@ -117,12 +119,31 @@ const _sfc_main = defineComponent({
     onMounted(() => {
       mounted = true;
     });
-    onActivated(() => {
-      if (!disposed) {
-        active = true;
+    onActivated(async () => {
+      if (disposed) {
+        return;
+      }
+      active = true;
+      const element = containerRef.value;
+      const request = scrollRequest;
+      const retained = retainedScrollTop;
+      const retainedInline = retainedInlineOffset;
+      retainedScrollTop = void 0;
+      retainedInlineOffset = void 0;
+      if (element && retainedInline !== void 0 && isCurrent(request, element) && inlineScrollLeft(element) === 0) {
+        setInlineScrollLeft(element, retainedInline);
+      }
+      await nextTick();
+      if (element && retained !== void 0 && isCurrent(request, element) && element.scrollTop === 0) {
+        element.scrollTop = retained;
+        if (virtualEnabled.value) {
+          setStart(getStartByScroll(element.scrollTop));
+        }
       }
     });
     onDeactivated(() => {
+      retainedScrollTop = scrollOffset.value;
+      retainedInlineOffset = readingOffset;
       active = false;
       scrollRequest++;
       commandedScroll = void 0;
@@ -255,6 +276,7 @@ const _sfc_main = defineComponent({
       if (isNumber(options)) {
         if (Number.isFinite(options)) {
           element.scrollTop = Math.max(0, options);
+          scrollOffset.value = element.scrollTop;
           if (virtualEnabled.value) {
             setStart(getStartByScroll(element.scrollTop));
           }

package/es/action-sheet/ActionSheet2.vue.mjs

@@ -1,13 +1,12 @@
 import { defineComponent, useId, computed, ref, watch } from "vue";
-import "../locale/index.mjs";
 import { injectLocaleProvider } from "../locale-provider/provide.mjs";
+import { miscText } from "../locale/misc-text.mjs";
 import "../popup/index.mjs";
 import { Ripple } from "../ripple/index.mjs";
 import { createNamespace } from "../utils/components.mjs";
 import MpActionItem from "./ActionItem.vue.mjs";
 import { props } from "./props.mjs";
 import _sfc_main$1 from "../popup/Popup.vue.mjs";
-import { t } from "../locale/state.mjs";
 const { name, n, classes } = createNamespace("action-sheet");
 const _sfc_main = defineComponent({
   name,
@@ -63,7 +62,7 @@ const _sfc_main = defineComponent({
       dialogLabelledby,
       contentAttrs,
       pt,
-      t,
+      t: miscText,
       n,
       classes,
       handleSelect

package/es/auto-complete/auto-complete.mjs

@@ -4,7 +4,7 @@ import { selectionEditorSurface } from "../_components/selected-options/context.
 import VirtualList from "../_components/virtual-list-v2/VirtualList.vue.mjs";
 import { useOptionRequest } from "../_hooks/use-option-request.mjs";
 import { isUndefined, isNull, isFunction } from "../_utils/is.mjs";
-import { Input } from "../input/index.mjs";
+import MpInput from "../input/base.mjs";
 import { useInputForm } from "../input/use-input-form.mjs";
 import { useSelect } from "../select/hooks/use-select.mjs";
 import OptgroupComponent from "../select/Optgroup.vue.mjs";
@@ -355,7 +355,7 @@ const Base = /* @__PURE__ */ 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) => createVNode(Input, mergeProps({
+    const renderInput = (restAttrs) => createVNode(MpInput, mergeProps({
       "loading": loading.value,
       "loadingMode": props.loadingMode
     }, restAttrs, {

package/es/auto-complete/presentation.mjs

@@ -4,6 +4,7 @@ import { withFieldPresentation } from "../_components/field-presentation/with-fi
 import _sfc_main from "../_components/selected-options/SelectionEditor.vue.mjs";
 import Base from "./auto-complete.mjs";
 const _AutoComplete = withFieldPresentation(Base, {
+  selectionConfirmation: "select",
   methods: ["focus", "blur", "refresh"],
   defaultPresentation: defaultSelectionPresentation,
   intent: "input",

package/es/auto-complete/props.mjs

@@ -5,6 +5,8 @@ import { emptyValueProp } from "../utils/empty-value.mjs";
 import { popupContainerProp } from "../utils/popup-container.mjs";
 const autoCompleteProps = {
   ...fieldLoadingProps,
+  /** 弹出编辑是否需要确认；默认选中候选项即提交，自定义文本通过确认提交。 */
+  needConfirm: { type: Boolean, default: void 0 },
   searchDelay: { type: Number, default: 250 },
   /** 清空动作产生的模型值；省略保留原默认值。 */
   ...fieldPresentationProps,

package/es/auto-complete/style/index.css

@@ -54,11 +54,16 @@
   color: var(--mp-auto-complete-option-text-color-selected);
   background-color: var(--mp-auto-complete-option-bg-selected);
 }
-.mp-select-dropdown:where(.mp-auto-complete__dropdown) .mp-select-option-active,
-.mp-select-dropdown:where(.mp-auto-complete__dropdown) .mp-select-option:not(.mp-select-dropdown:where(.mp-auto-complete__dropdown) .mp-select-option-disabled):hover {
+.mp-select-dropdown:where(.mp-auto-complete__dropdown) .mp-select-option-active:not(.mp-select-option-selected):not(.mp-select-option-disabled),
+.mp-select-dropdown:where(.mp-auto-complete__dropdown) .mp-select-option:not(.mp-select-option-selected):not(.mp-select-option-disabled):hover {
   color: var(--mp-auto-complete-option-text-color-hover);
   background-color: var(--mp-auto-complete-option-bg-hover);
 }
+.mp-select-dropdown:where(.mp-auto-complete__dropdown) .mp-select-option-selected.mp-select-option-active:not(.mp-select-option-disabled),
+.mp-select-dropdown:where(.mp-auto-complete__dropdown) .mp-select-option-selected:not(.mp-select-option-disabled):hover {
+  color: var(--mp-auto-complete-option-text-color-selected);
+  background-color: var(--mp-auto-complete-option-bg-hover);
+}
 .mp-select-dropdown:where(.mp-auto-complete__dropdown) .mp-select-option-disabled {
   color: var(--mp-auto-complete-option-text-color-disabled);
   background-color: var(--mp-auto-complete-option-bg-disabled);

package/es/back-top/style/index.css

@@ -12,7 +12,7 @@
   --mp-back-top-background: var(--mp-sys-color-surface-raised);
   --mp-back-top-text-color: var(--mp-sys-color-content-brand);
   --mp-back-top-hover-background: var(--mp-sys-color-state-hover);
-  --mp-back-top-focus-color: var(--mp-sys-color-content-brand);
+  --mp-back-top-focus-color: var(--mp-sys-color-action-primary);
   --mp-back-top-focus-width: 2px;
   --mp-back-top-focus-offset: 2px;
   --mp-back-top-z-index: var(--mp-z-index-local-sticky);

package/es/breadcrumb/style/index.css

@@ -6,7 +6,7 @@
   --mp-breadcrumb-touch-target-size: 44px;
   --mp-breadcrumb-separator-margin: var(--mp-breadcrumb-item-separator-margin);
   --mp-breadcrumb-separator-font-size: var(--mp-breadcrumb-item-separator-font-size);
-  --mp-breadcrumb-item-active-color: rgb(var(--mp-primary-8));
+  --mp-breadcrumb-item-active-color: var(--mp-sys-color-action-primary);
   --mp-breadcrumb-item-inactive-color: var(--mp-color-text-2);
   --mp-breadcrumb-item-separator-margin: 0 var(--mp-breadcrumb-margin-separator-horizontal);
   --mp-breadcrumb-item-separator-font-size: 14px;

package/es/button/base.mjs

@@ -0,0 +1,7 @@
+import { withPropsDefaultsSetter } from "../utils/components.mjs";
+import _sfc_main from "./Button.vue.mjs";
+import { buttonProps } from "./props.mjs";
+const MpButton = withPropsDefaultsSetter(_sfc_main, buttonProps);
+export {
+  MpButton as default
+};

package/es/button/index.mjs

@@ -1,23 +1,23 @@
 import { withInstall, withPropsDefaultsSetter } from "../utils/components.mjs";
-import _sfc_main from "./Button.vue.mjs";
-import _sfc_main$1 from "./ButtonGroup.vue.mjs";
+import MpButton from "./base.mjs";
+import _sfc_main from "./ButtonGroup.vue.mjs";
 import { buttonGroupProps } from "./group-props.mjs";
 import { buttonProps } from "./props.mjs";
 import { componentSizes, semanticStatuses } from "../utils/constants.mjs";
 const Button = withInstall(
-  _sfc_main,
-  Object.assign(_sfc_main, {
-    Group: _sfc_main$1
+  MpButton,
+  Object.assign(MpButton, {
+    Group: _sfc_main
   }),
-  { components: [_sfc_main, _sfc_main$1] }
+  { components: [MpButton, _sfc_main] }
 );
 withPropsDefaultsSetter(Button, buttonProps);
-withPropsDefaultsSetter(_sfc_main$1, buttonGroupProps);
+withPropsDefaultsSetter(_sfc_main, buttonGroupProps);
 const _ButtonComponent = Button;
-const _ButtonGroupComponent = _sfc_main$1;
+const _ButtonGroupComponent = _sfc_main;
 export {
   Button,
-  _sfc_main$1 as ButtonGroup,
+  _sfc_main as ButtonGroup,
   _ButtonComponent,
   _ButtonGroupComponent,
   buttonGroupProps,

package/es/button/style/index.css

@@ -15,7 +15,7 @@
   --mp-button-disabled-color: var(--mp-color-fill-2);
   --mp-button-disabled-solid-text-color: var(--mp-sys-color-content-on-dark);
   --mp-button-disabled-text-color: var(--mp-sys-color-content-disabled);
-  --mp-button-focus-color: var(--mp-sys-color-content-brand);
+  --mp-button-focus-color: var(--mp-sys-color-action-primary);
   --mp-button-info-color: var(--mp-sys-color-status-info);
   --mp-button-info-disabled-color: rgb(var(--mp-blue-3));
   --mp-button-info-foreground-color: var(--mp-sys-color-content-info);