niuma-ui 2.0.3 → 2.0.4

package/dist/components/select/src/RsSelect.css

@@ -1,12 +1,12 @@
 
-.rs-select[data-v-6b3a7fed] {
+.rs-select[data-v-be97668a] {
   display: inline-flex;
   width: 100%;
   max-width: 100%;
   vertical-align: middle;
   box-sizing: border-box;
 }
-.rs-select__trigger[data-v-6b3a7fed] {
+.rs-select__trigger[data-v-be97668a] {
   display: inline-flex;
   align-items: center;
   justify-content: space-between;
@@ -31,13 +31,13 @@
     box-shadow var(--rs-transition-fast),
     background var(--rs-transition-fast);
 }
-.rs-select--multiple .rs-select__trigger[data-v-6b3a7fed] {
+.rs-select--multiple .rs-select__trigger[data-v-be97668a] {
   min-height: var(--rs-control-height-md);
   height: auto;
   padding-top: var(--rs-space-xs);
   padding-bottom: var(--rs-space-xs);
 }
-.rs-select--block[data-v-6b3a7fed] {
+.rs-select--block[data-v-be97668a] {
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -46,56 +46,56 @@
   align-self: stretch;
   box-sizing: border-box;
 }
-.rs-select--block .rs-select__anchor[data-v-6b3a7fed],
-.rs-select--block .rs-select__trigger[data-v-6b3a7fed] {
+.rs-select--block .rs-select__anchor[data-v-be97668a],
+.rs-select--block .rs-select__trigger[data-v-be97668a] {
   width: 100%;
 }
-.rs-select--ssm .rs-select__trigger[data-v-6b3a7fed] {
+.rs-select--ssm .rs-select__trigger[data-v-be97668a] {
   height: var(--rs-control-height-ssm);
   min-height: var(--rs-control-height-ssm);
   padding: 0 var(--rs-space-xs);
   font-size: var(--rs-font-size-xs);
 }
-.rs-select--ssm.rs-select--multiple .rs-select__trigger[data-v-6b3a7fed] {
+.rs-select--ssm.rs-select--multiple .rs-select__trigger[data-v-be97668a] {
   min-height: var(--rs-control-height-ssm);
 }
-.rs-select--sm .rs-select__trigger[data-v-6b3a7fed] {
+.rs-select--sm .rs-select__trigger[data-v-be97668a] {
   height: var(--rs-control-height-sm);
   min-height: var(--rs-control-height-sm);
   padding: 0 var(--rs-space-sm);
   font-size: var(--rs-font-size-xs);
 }
-.rs-select--sm.rs-select--multiple .rs-select__trigger[data-v-6b3a7fed] {
+.rs-select--sm.rs-select--multiple .rs-select__trigger[data-v-be97668a] {
   min-height: var(--rs-control-height-sm);
 }
-.rs-select--lg .rs-select__trigger[data-v-6b3a7fed] {
+.rs-select--lg .rs-select__trigger[data-v-be97668a] {
   height: var(--rs-control-height-lg);
   min-height: var(--rs-control-height-lg);
   padding: 0 var(--rs-space-lg);
   font-size: var(--rs-font-size-base);
 }
-.rs-select--lg.rs-select--multiple .rs-select__trigger[data-v-6b3a7fed] {
+.rs-select--lg.rs-select--multiple .rs-select__trigger[data-v-be97668a] {
   min-height: var(--rs-control-height-lg);
 }
-.rs-select--filled .rs-select__trigger[data-v-6b3a7fed] {
+.rs-select--filled .rs-select__trigger[data-v-be97668a] {
   border-color: transparent;
   background: var(--rs-surface-hover);
 }
-.rs-select--borderless .rs-select__trigger[data-v-6b3a7fed] {
+.rs-select--borderless .rs-select__trigger[data-v-be97668a] {
   border-color: transparent;
   background: transparent;
   box-shadow: none;
 }
-.rs-select__mark[data-v-6b3a7fed] {
+.rs-select__mark[data-v-be97668a] {
   padding: 0;
   background: color-mix(in srgb, var(--rs-primary) 22%, transparent);
   color: inherit;
   font-weight: var(--rs-font-weight-medium);
 }
-.rs-select__trigger[data-v-6b3a7fed]:hover:not([data-disabled]) {
+.rs-select__trigger[data-v-be97668a]:hover:not([data-disabled]):not(:disabled) {
   border-color: var(--rs-input-border-hover, var(--rs-border));
 }
-.rs-select__trigger[data-v-6b3a7fed]:focus-visible {
+.rs-select__trigger[data-v-be97668a]:focus-visible {
   outline: none;
   border-color: var(--rs-focus-border, var(--rs-primary));
   background: var(--rs-input-bg);
@@ -103,32 +103,33 @@
     var(--rs-input-shadow, none),
     0 0 0 var(--rs-focus-ring-width, 2px) var(--rs-focus-ring);
 }
-.rs-select__trigger[data-disabled][data-v-6b3a7fed] {
+.rs-select__trigger[data-disabled][data-v-be97668a],
+.rs-select__trigger[data-v-be97668a]:disabled {
   opacity: 0.38;
   cursor: not-allowed;
   background: var(--rs-surface-hover);
 }
-.rs-select__trigger--invalid[data-v-6b3a7fed] {
+.rs-select__trigger--invalid[data-v-be97668a] {
   border-color: var(--rs-danger);
 }
-.rs-select__trigger--invalid[data-v-6b3a7fed]:focus-visible {
+.rs-select__trigger--invalid[data-v-be97668a]:focus-visible {
   border-color: var(--rs-danger);
   box-shadow:
     var(--rs-input-shadow, none),
     0 0 0 var(--rs-focus-ring-width, 2px)
       color-mix(in srgb, var(--rs-danger) 14%, transparent);
 }
-.rs-select__trigger--warning[data-v-6b3a7fed] {
-  border-color: var(--rs-warning, #d97706);
+.rs-select__trigger--warning[data-v-be97668a] {
+  border-color: var(--rs-warning);
 }
-.rs-select__trigger--warning[data-v-6b3a7fed]:focus-visible {
-  border-color: var(--rs-warning, #d97706);
+.rs-select__trigger--warning[data-v-be97668a]:focus-visible {
+  border-color: var(--rs-warning);
   box-shadow:
     var(--rs-input-shadow, none),
     0 0 0 var(--rs-focus-ring-width, 2px)
-      color-mix(in srgb, var(--rs-warning, #d97706) 14%, transparent);
+      color-mix(in srgb, var(--rs-warning) 14%, transparent);
 }
-.rs-select__value[data-v-6b3a7fed] {
+.rs-select__value[data-v-be97668a] {
   flex: 1;
   min-width: 0;
   text-align: start;
@@ -136,7 +137,7 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.rs-select__value--multiple[data-v-6b3a7fed] {
+.rs-select__value--multiple[data-v-be97668a] {
   display: flex;
   flex-wrap: nowrap;
   gap: var(--rs-space-xs);
@@ -144,28 +145,28 @@
   white-space: nowrap;
   overflow: hidden;
 }
-.rs-select__prefix[data-v-6b3a7fed] {
+.rs-select__prefix[data-v-be97668a] {
   display: inline-flex;
   flex-shrink: 0;
   align-items: center;
   color: var(--rs-muted);
 }
-.rs-select__tag--rest[data-v-6b3a7fed] {
+.rs-select__tag--rest[data-v-be97668a] {
   padding-inline-end: 0.5rem;
   color: var(--rs-muted);
   background: var(--rs-surface-hover);
   border-color: var(--rs-border);
 }
-.rs-select__placeholder[data-v-6b3a7fed] {
+.rs-select__placeholder[data-v-be97668a] {
   color: var(--rs-placeholder);
 }
-.rs-select__single-label[data-v-6b3a7fed] {
+.rs-select__single-label[data-v-be97668a] {
   display: block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.rs-select__tag[data-v-6b3a7fed] {
+.rs-select__tag[data-v-be97668a] {
   display: inline-flex;
   align-items: center;
   gap: 0.125rem;
@@ -179,12 +180,12 @@
   font-size: var(--rs-font-size-xs);
   line-height: var(--rs-line-height-tight);
 }
-.rs-select__tag-label[data-v-6b3a7fed] {
+.rs-select__tag-label[data-v-be97668a] {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.rs-select__tag-remove[data-v-6b3a7fed] {
+.rs-select__tag-remove[data-v-be97668a] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -200,17 +201,17 @@
     color var(--rs-transition-fast),
     background var(--rs-transition-fast);
 }
-.rs-select__tag-remove[data-v-6b3a7fed]:hover {
+.rs-select__tag-remove[data-v-be97668a]:hover {
   color: var(--rs-on-primary-container);
   background: color-mix(in srgb, var(--rs-primary) 16%, transparent);
 }
-.rs-select__actions[data-v-6b3a7fed] {
+.rs-select__actions[data-v-be97668a] {
   display: inline-flex;
   align-items: center;
   gap: var(--rs-space-xs);
   flex-shrink: 0;
 }
-.rs-select__clear[data-v-6b3a7fed] {
+.rs-select__clear[data-v-be97668a] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -226,23 +227,34 @@
     color var(--rs-transition-fast),
     background var(--rs-transition-fast);
 }
-.rs-select__clear[data-v-6b3a7fed]:hover {
+.rs-select__clear[data-v-be97668a]:hover {
   color: var(--rs-text);
   background: var(--rs-item-hover);
 }
-.rs-select__suffix[data-v-6b3a7fed] {
+.rs-select__suffix[data-v-be97668a] {
   display: inline-flex;
   align-items: center;
 }
-.rs-select__icon[data-v-6b3a7fed] {
+.rs-select__icon[data-v-be97668a] {
   color: var(--rs-muted);
   flex-shrink: 0;
   transition: transform var(--rs-transition-fast);
 }
-.rs-select__trigger[data-state='open'] .rs-select__icon[data-v-6b3a7fed] {
+.rs-select__trigger[data-state='open'] .rs-select__icon[data-v-be97668a] {
   transform: rotate(180deg);
 }
-.rs-select__item--create .rs-select__item-label[data-v-6b3a7fed] {
+.rs-select__item--create .rs-select__item-label[data-v-be97668a] {
   color: var(--rs-primary);
   font-weight: var(--rs-font-weight-medium);
 }
+@media (prefers-reduced-motion: reduce) {
+.rs-select__trigger[data-v-be97668a],
+  .rs-select__icon[data-v-be97668a],
+  .rs-select__clear[data-v-be97668a],
+  .rs-select__tag-remove[data-v-be97668a] {
+    transition: none;
+}
+.rs-select__trigger[data-state='open'] .rs-select__icon[data-v-be97668a] {
+    transform: none;
+}
+}

package/dist/components/select/src/RsSelect.d.ts

@@ -1,6 +1,21 @@
 import type { RsComponentSize, RsRadius } from '../../../theme/types';
 import { type RsFormRuleTrigger } from '../../form/src/form-rules';
 import { type RsSelectFieldNames, type RsSelectFilterOption, type RsSelectFilterSort, type RsSelectGetPopupContainer, type RsSelectMaxTagCount, type RsSelectModelValue, type RsSelectOption, type RsSelectOptionFilterProp, type RsSelectOptionsInput, type RsSelectPlacement, type RsSelectStatus, type RsSelectVariant, type RsSelectValue } from './select-utils';
+export interface RsSelectExpose {
+    setValue: (value: unknown) => void;
+    clearValidation: () => void;
+    validate: (trigger?: RsFormRuleTrigger) => Promise<{
+        valid: boolean;
+        message?: string;
+        name?: string;
+    }>;
+    focus: () => void;
+    blur: () => void;
+}
+/** 模板 ref 实例：expose + 根节点 */
+export type RsSelectInstance = RsSelectExpose & {
+    $el: HTMLElement;
+};
 declare const __VLS_export: <Value extends string | number = string, Multiple extends boolean = false, LabelInValue extends boolean = false>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: import("vue").PublicProps & __VLS_PrettifyLocal<({
         options: RsSelectOptionsInput;
@@ -13,7 +28,7 @@ declare const __VLS_export: <Value extends string | number = string, Multiple ex
          * 开启后若未显式关 searchable，将自动启用搜索框。
          */
         creatable?: boolean;
-        /** 运行时必须是 boolean；写成泛型 Multiple 时 :multiple="true" 可能进 attrs，Combobox 会按单选。 */
+        /** 运行时必须是 boolean；写成泛型 Multiple 时 :multiple="true" 可能进 attrs。 */
         multiple?: boolean;
         required?: boolean;
         name?: string;
@@ -62,7 +77,7 @@ declare const __VLS_export: <Value extends string | number = string, Multiple ex
         autoClearSearchValue?: boolean;
         /**
          * 打开下拉时把当前选中项写入搜索框并参与过滤。
-         * 默认 false：搜索框保持空白（Reka 挂载时会写选中值，需显式清掉）。
+         * 默认 false：搜索框保持空白。
          */
         fillSearchWithValue?: boolean;
         showArrow?: boolean;
@@ -111,6 +126,8 @@ declare const __VLS_export: <Value extends string | number = string, Multiple ex
             message: string | undefined;
             name: string | undefined;
         }>;
+        focus: () => void;
+        blur: () => void;
     }>) => void;
     attrs: any;
     slots: {