@maple-design/ui-vue 1.1.0 → 1.1.1

package/types-generated/time-range/props.d.ts

@@ -26,7 +26,7 @@ export declare const props: {
     };
     hint: {
         type: BooleanConstructor;
-        default: boolean; /** 是否允许手输时间；移动端默认关闭，面板选择不受影响。 */
+        default: boolean;
     };
     clearable: BooleanConstructor;
     textColor: StringConstructor;
@@ -74,7 +74,7 @@ export declare const props: {
                 default: () => never[];
             };
             columns: {
-                type: PropType<import("../picker").PickerColumnOption[] | import("../picker").PickerColumnOption[][]>;
+                type: PropType<import("../picker/props").PickerColumnOption[] | import("../picker/props").PickerColumnOption[][]>;
                 default: () => never[];
             };
             title: StringConstructor;
@@ -141,11 +141,12 @@ export declare const props: {
             autoFitPopupWidth: {
                 type: BooleanConstructor;
                 default: boolean;
-            }; /** 清空动作产生的模型值；省略保留原默认值。 */
+            };
             autoFitPopupMinWidth: {
                 type: BooleanConstructor;
                 default: boolean;
             };
+            /** 是否允许手输时间；移动端默认关闭，面板选择不受影响。 */
             autoFixPosition: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -157,7 +158,7 @@ export declare const props: {
             };
             updateAtScroll: {
                 type: BooleanConstructor;
-                default: boolean;
+                default: boolean; /** 非受控初始值，仅在初始化读取。 */
             };
             autoFitTransformOrigin: {
                 type: BooleanConstructor;
@@ -298,7 +299,7 @@ export declare const props: {
                         default: () => never[];
                     };
                     columns: {
-                        type: PropType<import("../picker").PickerColumnOption[] | import("../picker").PickerColumnOption[][]>;
+                        type: PropType<import("../picker/props").PickerColumnOption[] | import("../picker/props").PickerColumnOption[][]>;
                         default: () => never[];
                     };
                     title: StringConstructor;

package/types-generated/trigger/position.d.ts

@@ -28,5 +28,6 @@ export declare function calculatePopupPosition(placement: TriggerPlacement, refe
     style: CSSProperties;
 };
 export declare function getScrollElements(element: HTMLElement | SVGElement | undefined): HTMLElement[];
+export declare function getSlotChangeRoots(element: Element | undefined): ShadowRoot[];
 export declare function getScrollViews(element: Element | undefined): Window[];
 export {};

package/types-generated/upload/Upload.vue.d.ts

@@ -1,7 +1,7 @@
 import type { UploadFileItem, UploadSlots } from './interfaces';
 declare const _default: __VLS_WithSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     emptyValue: {
-        type: import("vue").PropType<import("../utils/empty-value.js").EmptyValue<UploadFileItem[]>>;
+        type: import("vue").PropType<import("../utils/empty-value").EmptyValue<UploadFileItem[]>>;
         default: undefined;
     };
     modelValue: import("vue").PropType<UploadFileItem[] | null>;
@@ -101,7 +101,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<import("vu
     isSuccessResponse: import("vue").PropType<import("./interfaces").UploadIsSuccessResponse>;
     clearable: BooleanConstructor;
     editMode: {
-        type: import("vue").PropType<import("../index.js").FieldEditMode>;
+        type: import("vue").PropType<import("..").FieldEditMode>;
         default: undefined;
         validator: (value: string) => boolean;
     };
@@ -117,14 +117,14 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<import("vu
         type: StringConstructor;
         default: undefined;
     };
-    beforeCommit: import("vue").PropType<import("../index.js").BeforeFieldCommit>;
+    beforeCommit: import("vue").PropType<import("..").BeforeFieldCommit>;
     open: {
         type: BooleanConstructor;
         default: undefined;
     };
     defaultOpen: BooleanConstructor;
     popupContainer: {
-        type: import("vue").PropType<import("../index.js").PopupContainer>;
+        type: import("vue").PropType<import("..").PopupContainer>;
         default: undefined;
         validator: ((value: unknown) => boolean) | undefined;
     };
@@ -155,7 +155,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<import("vu
     exceed: (files: File[], fileList: UploadFileItem[]) => any;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     emptyValue: {
-        type: import("vue").PropType<import("../utils/empty-value.js").EmptyValue<UploadFileItem[]>>;
+        type: import("vue").PropType<import("../utils/empty-value").EmptyValue<UploadFileItem[]>>;
         default: undefined;
     };
     modelValue: import("vue").PropType<UploadFileItem[] | null>;
@@ -255,7 +255,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<import("vu
     isSuccessResponse: import("vue").PropType<import("./interfaces").UploadIsSuccessResponse>;
     clearable: BooleanConstructor;
     editMode: {
-        type: import("vue").PropType<import("../index.js").FieldEditMode>;
+        type: import("vue").PropType<import("..").FieldEditMode>;
         default: undefined;
         validator: (value: string) => boolean;
     };
@@ -271,14 +271,14 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<import("vu
         type: StringConstructor;
         default: undefined;
     };
-    beforeCommit: import("vue").PropType<import("../index.js").BeforeFieldCommit>;
+    beforeCommit: import("vue").PropType<import("..").BeforeFieldCommit>;
     open: {
         type: BooleanConstructor;
         default: undefined;
     };
     defaultOpen: BooleanConstructor;
     popupContainer: {
-        type: import("vue").PropType<import("../index.js").PopupContainer>;
+        type: import("vue").PropType<import("..").PopupContainer>;
         default: undefined;
         validator: ((value: unknown) => boolean) | undefined;
     };
@@ -302,12 +302,12 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<import("vu
     readonly: boolean;
     defaultValue: UploadFileItem[];
     disabled: boolean;
-    emptyValue: import("../utils/empty-value.js").EmptyValue<UploadFileItem[]>;
+    emptyValue: import("../utils/empty-value").EmptyValue<UploadFileItem[]>;
     open: boolean;
     defaultOpen: boolean;
-    popupContainer: import("../index.js").PopupContainer;
+    popupContainer: import("..").PopupContainer;
     ripple: boolean;
-    editMode: import("../index.js").FieldEditMode;
+    editMode: import("..").FieldEditMode;
     readPretty: boolean;
     clearable: boolean;
     emptyValues: readonly unknown[];

package/types-generated/upload/composables/use-upload-queue.d.ts

@@ -4,6 +4,7 @@ export declare function useUploadQueue(options: {
     defaultValue?: () => UploadFileItem[] | undefined;
     onChange?: (files: UploadFileItem[], file?: UploadFileItem) => void;
     onUpdateModelValue?: (files: UploadFileItem[]) => void;
+    isActive?: () => boolean;
 }): {
     fileList: import("vue").ComputedRef<UploadFileItem[]>;
     append: (files: UploadFileItem[]) => void;

package/types-generated/upload/composables/use-uploader.d.ts

@@ -63,6 +63,8 @@ export declare function useUploader(options: UseUploaderOptions): {
     handleDragLeave: () => void;
     handleDrop: (event: DragEvent) => void;
     guardPending: import("vue").ComputedRef<boolean>;
+    /** @internal Coordinates deferred field confirmation with file preparation. */
+    editorPending: import("vue").ComputedRef<boolean>;
     fileList: import("vue").ComputedRef<UploadFileItem[]>;
     maxReached: import("vue").ComputedRef<boolean>;
     disabled: import("vue").ComputedRef<boolean>;

package/types-generated/utils/modal-focus.d.ts

@@ -1,6 +1,7 @@
 /** Modal ownership follows the popup stack, including teleported child Triggers. */
 export declare function useModalFocus(root: () => HTMLElement | undefined, active: () => boolean, isTop: (event?: Event) => boolean, lockScroll?: () => boolean, ownerDocument?: () => Document | undefined): {
     focus: () => void;
+    focusAfterEnter: () => void;
     restore: () => void;
     trap: (event: KeyboardEvent) => void;
 };

package/umd/_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/umd/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/umd/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/umd/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/umd/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);

package/umd/carousel/style/index.css

@@ -28,7 +28,7 @@
   --mp-carousel-card-opacity: 0.6;
   --mp-carousel-focus-width: 2px;
   --mp-carousel-focus-offset: 2px;
-  --mp-carousel-focus-color: var(--mp-sys-color-content-brand);
+  --mp-carousel-focus-color: var(--mp-sys-color-action-primary);
 }
 .mp-carousel {
   position: relative;

package/umd/cascader/style/index.css

@@ -11,7 +11,7 @@
   --mp-cascader-size-item-height: 36px;
   --mp-cascader-font-item-size: var(--mp-sys-font-size-md);
   --mp-cascader-margin-item-icon-left: var(--mp-sys-space-5);
-  --mp-cascader-item-check-color: var(--mp-sys-color-content-primary);
+  --mp-cascader-item-check-color: var(--mp-sys-color-action-primary);
   --mp-cascader-item-check-size: var(--mp-sys-font-size-md);
   --mp-cascader-item-text-color: var(--mp-sys-color-content-primary);
   --mp-cascader-item-icon-color: var(--mp-sys-color-content-secondary);
@@ -19,11 +19,11 @@
   --mp-cascader-padding-item-right: var(--mp-sys-space-5);
   --mp-cascader-size-item-icon: 12px;
   --mp-cascader-item-text-color-hover: var(--mp-cascader-item-text-color);
-  --mp-cascader-item-text-color-active: var(--mp-cascader-item-text-color);
+  --mp-cascader-item-text-color-active: var(--mp-sys-color-action-primary);
   --mp-cascader-item-text-color-disabled: var(--mp-sys-color-content-disabled);
   --mp-cascader-item-text-color-disabled-active: var(--mp-sys-color-content-disabled);
-  --mp-cascader-item-bg-active: var(--mp-color-fill-2);
-  --mp-cascader-item-bg-hover: var(--mp-cascader-item-bg-active);
+  --mp-cascader-item-bg-active: transparent;
+  --mp-cascader-item-bg-hover: var(--mp-color-fill-2);
   --mp-cascader-item-bg-disabled: transparent;
   --mp-cascader-item-bg-disabled-active: var(--mp-color-fill-2);
   --mp-cascader-checkbox-bg-hover: var(--mp-color-fill-3);
@@ -222,17 +222,44 @@
 .mp-cascader-search-option-disabled:hover .mp-cascader-option-check {
   color: var(--mp-cascader-item-text-color-disabled);
 }
-.mp-cascader-option-active {
-  color: var(--mp-cascader-item-text-color-active);
-  background-color: var(--mp-cascader-item-bg-active);
+.mp-cascader-option-active,
+.mp-cascader-search-option-active {
+  color: var(--mp-cascader-item-text-color-hover);
+  background-color: var(--mp-cascader-item-bg-hover);
   transition: all var(--mp-sys-motion-duration-standard) var(--mp-sys-motion-easing-standard);
 }
-.mp-cascader-option-active:hover {
+.mp-cascader-option-selected,
+.mp-cascader-search-option-selected {
   color: var(--mp-cascader-item-text-color-active);
   background-color: var(--mp-cascader-item-bg-active);
 }
+.mp-cascader-option-selected:hover,
+.mp-cascader-search-option-selected:hover,
+.mp-cascader-option-selected.mp-cascader-option-active,
+.mp-cascader-search-option-selected.mp-cascader-option-active,
+.mp-cascader-option-selected.mp-cascader-search-option-active,
+.mp-cascader-search-option-selected.mp-cascader-search-option-active,
+.mp-cascader-option-selected.mp-cascader-search-option-hover,
+.mp-cascader-search-option-selected.mp-cascader-search-option-hover {
+  color: var(--mp-cascader-item-text-color-active);
+  background-color: var(--mp-cascader-item-bg-hover);
+}
 .mp-cascader-option-active.mp-cascader-option-disabled,
-.mp-cascader-option-active.mp-cascader-option-disabled:hover {
+.mp-cascader-option-active.mp-cascader-search-option-disabled,
+.mp-cascader-search-option-active.mp-cascader-option-disabled,
+.mp-cascader-search-option-active.mp-cascader-search-option-disabled,
+.mp-cascader-option-active.mp-cascader-option-disabled:hover,
+.mp-cascader-option-active.mp-cascader-search-option-disabled:hover,
+.mp-cascader-search-option-active.mp-cascader-option-disabled:hover,
+.mp-cascader-search-option-active.mp-cascader-search-option-disabled:hover,
+.mp-cascader-option-selected.mp-cascader-option-disabled,
+.mp-cascader-option-selected.mp-cascader-search-option-disabled,
+.mp-cascader-search-option-selected.mp-cascader-option-disabled,
+.mp-cascader-search-option-selected.mp-cascader-search-option-disabled,
+.mp-cascader-option-selected.mp-cascader-option-disabled:hover,
+.mp-cascader-option-selected.mp-cascader-search-option-disabled:hover,
+.mp-cascader-search-option-selected.mp-cascader-option-disabled:hover,
+.mp-cascader-search-option-selected.mp-cascader-search-option-disabled:hover {
   color: var(--mp-cascader-item-text-color-disabled-active);
   background-color: var(--mp-cascader-item-bg-disabled-active);
 }

package/umd/checkbox/style/index.css

@@ -4,7 +4,7 @@
 :root,
 :where([data-mp-theme]) {
   --mp-checkbox-control-color: var(--mp-sys-color-content-secondary);
-  --mp-checkbox-control-color-checked: var(--mp-sys-color-content-brand);
+  --mp-checkbox-control-color-checked: var(--mp-sys-color-action-primary);
   --mp-checkbox-control-color-disabled: var(--mp-sys-color-content-disabled);
   --mp-checkbox-control-color-error: var(--mp-sys-color-content-danger);
   --mp-checkbox-control-size: 24px;

package/umd/ellipsis/style/index.css

@@ -3,7 +3,7 @@
 }
 :root,
 :where([data-mp-theme]) {
-  --mp-ellipsis-focus-color: var(--mp-sys-color-content-brand);
+  --mp-ellipsis-focus-color: var(--mp-sys-color-action-primary);
   --mp-ellipsis-focus-width: 2px;
   --mp-ellipsis-focus-offset: 2px;
 }