niuma-ui 2.0.3 → 2.0.9

package/dist/components/scrollbar/src/scrollbar-utils.js

@@ -1,7 +1,70 @@
 //#region src/components/scrollbar/src/scrollbar-utils.ts
+var MIN_THUMB_PX = 18;
 function resolveScrollbarSize(size) {
 	if (size === void 0) return;
 	return typeof size === "number" ? `${size}px` : size;
 }
+function showsRsScrollbarAxis(orientation, axis) {
+	if (orientation === "both") return true;
+	return axis === "y" ? orientation === "vertical" : orientation === "horizontal";
+}
+function isRsScrollbarOverflow(viewport, content) {
+	return content > viewport + 1;
+}
+function isRsScrollbarBarVisible(input) {
+	if (input.type === "always") return true;
+	if (!input.overflowing) return false;
+	if (input.type === "auto") return true;
+	if (input.type === "hover") return input.hovering;
+	return input.scrolling || Boolean(input.interacting);
+}
+function getThumbRatio(viewportSize, contentSize) {
+	if (contentSize <= 0) return 0;
+	const ratio = viewportSize / contentSize;
+	return Number.isFinite(ratio) ? ratio : 0;
+}
+function getThumbSize(sizes) {
+	const ratio = getThumbRatio(sizes.viewport, sizes.content);
+	const padding = sizes.scrollbar.paddingStart + sizes.scrollbar.paddingEnd;
+	const thumbSize = (sizes.scrollbar.size - padding) * ratio;
+	return Math.max(thumbSize, MIN_THUMB_PX);
+}
+function clampRsNumber(value, min, max) {
+	return Math.min(max, Math.max(min, value));
+}
+function linearScale(input, output) {
+	return (value) => {
+		if (input[0] === input[1] || output[0] === output[1]) return output[0];
+		const ratio = (output[1] - output[0]) / (input[1] - input[0]);
+		return output[0] + ratio * (value - input[0]);
+	};
+}
+function getThumbOffsetFromScroll(scrollPos, sizes, dir = "ltr") {
+	const thumbSizePx = getThumbSize(sizes);
+	const padding = sizes.scrollbar.paddingStart + sizes.scrollbar.paddingEnd;
+	const track = sizes.scrollbar.size - padding;
+	const maxScrollPos = sizes.content - sizes.viewport;
+	const maxThumbPos = track - thumbSizePx;
+	if (maxScrollPos <= 0 || maxThumbPos <= 0) return 0;
+	const range = dir === "ltr" ? [0, maxScrollPos] : [maxScrollPos * -1, 0];
+	return linearScale([0, maxScrollPos], [0, maxThumbPos])(clampRsNumber(scrollPos, range[0], range[1]));
+}
+function getScrollPositionFromPointer(pointerPos, pointerOffset, sizes, dir = "ltr") {
+	const thumbSizePx = getThumbSize(sizes);
+	const thumbCenter = thumbSizePx / 2;
+	const offset = pointerOffset || thumbCenter;
+	const thumbOffsetFromEnd = thumbSizePx - offset;
+	const minPointerPos = sizes.scrollbar.paddingStart + offset;
+	const maxPointerPos = sizes.scrollbar.size - sizes.scrollbar.paddingEnd - thumbOffsetFromEnd;
+	const maxScrollPos = sizes.content - sizes.viewport;
+	const scrollRange = dir === "ltr" ? [0, maxScrollPos] : [maxScrollPos * -1, 0];
+	return linearScale([minPointerPos, maxPointerPos], scrollRange)(pointerPos);
+}
+function toCssInt(value) {
+	return value ? Number.parseInt(value, 10) || 0 : 0;
+}
+function isScrollingWithinScrollbarBounds(scrollPos, maxScrollPos) {
+	return scrollPos > 0 && scrollPos < maxScrollPos;
+}
 //#endregion
-export { resolveScrollbarSize };
+export { clampRsNumber, getScrollPositionFromPointer, getThumbOffsetFromScroll, getThumbRatio, getThumbSize, isRsScrollbarBarVisible, isRsScrollbarOverflow, isScrollingWithinScrollbarBounds, resolveScrollbarSize, showsRsScrollbarAxis, toCssInt };

package/dist/components/select/index.d.ts

@@ -1,3 +1,4 @@
 export { default as RsSelect } from './src/RsSelect.js';
+export type { RsSelectExpose, RsSelectInstance } from './src/RsSelect.js';
 export type { RsSelectFieldNames, RsSelectFilterOption, RsSelectFilterSort, RsSelectGetPopupContainer, RsSelectLabeledValue, RsSelectModelValue, RsSelectResolvedModel, RsSelectOption, RsSelectOptionFilterProp, RsSelectOptionGroup, RsSelectOptionInput, RsSelectOptions, RsSelectOptionsInput, RsSelectPlacement, RsSelectStatus, RsSelectMaxTagCount, RsSelectVariant, RsSelectValue, } from './src/select-utils';
 export { RS_SELECT_EMPTY_VALUE, fromComboboxValue, isSelectLabeledValue, normalizeSelectOptions, optionDisplayLabel, packSelectModel, restoreSelectValue, toComboboxValue, unwrapSelectEntry, } from './src/select-utils';

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: {