niuma-ui 2.0.3 → 2.0.9

package/dist/components/input/src/RsInput.css

@@ -1,167 +1,111 @@
 
-.rs-input-field[data-v-a3292d1e] {
-
+.rs-input-field[data-v-ecc31779] {
   width: 100%;
 }
-.rs-input-shell[data-v-a3292d1e] {
-
+.rs-input-shell[data-v-ecc31779] {
   width: 100%;
 }
 
 /* 连体外壳统一外边框，避免 input/addon 各自圆角造成拼缝 */
-.rs-input-shell--combined[data-v-a3292d1e] {
-
+.rs-input-shell--combined[data-v-ecc31779] {
   display: flex;
-
   align-items: stretch;
-
   box-sizing: border-box;
-
   width: 100%;
-
   border: 1px solid var(--rs-input-border, var(--rs-border));
-
   border-radius: var(--rs-input-radius, var(--rs-radius-sm));
-
   background: var(--rs-input-bg);
-
   box-shadow: var(--rs-input-shadow, none);
-
   overflow: hidden;
-
   transition:
-
     border-color var(--rs-transition-fast),
-
     box-shadow var(--rs-transition-fast),
-
     background var(--rs-transition-fast);
 }
-.rs-input-shell--combined[data-v-a3292d1e]:hover:not(:focus-within):not(:has(.rs-input-group--disabled)):not(
+.rs-input-shell--combined[data-v-ecc31779]:hover:not(:focus-within):not(:has(.rs-input-group--disabled)):not(
     :has(.rs-input-group--readonly)
   ) {
-
   border-color: var(--rs-input-border-hover, var(--rs-border));
 }
-.rs-input-shell--combined[data-v-a3292d1e]:focus-within {
-
+.rs-input-shell--combined[data-v-ecc31779]:focus-within {
   border-color: var(--rs-focus-border, var(--rs-primary));
-
   box-shadow:
-
     var(--rs-input-shadow, none),
-
     0 0 0 var(--rs-focus-ring-width, 2px) var(--rs-focus-ring);
 }
-.rs-input-shell--combined[data-v-a3292d1e]:has(.rs-input-group--invalid) {
-
+.rs-input-shell--combined[data-v-ecc31779]:has(.rs-input-group--invalid) {
   border-color: var(--rs-danger);
 }
-.rs-input-shell--combined[data-v-a3292d1e]:has(.rs-input-group--invalid):focus-within {
-
+.rs-input-shell--combined[data-v-ecc31779]:has(.rs-input-group--invalid):focus-within {
   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);
+    0 0 0 var(--rs-focus-ring-width, 2px) color-mix(in srgb, var(--rs-danger) 14%, transparent);
 }
-.rs-input-shell--combined .rs-input-group[data-v-a3292d1e] {
-
+.rs-input-shell--combined .rs-input-group[data-v-ecc31779] {
   flex: 1;
-
   min-width: 0;
-
   width: auto;
-
   border: none;
-
   border-radius: 0;
-
   box-shadow: none;
-
   background: transparent;
 }
-.rs-input-shell--combined .rs-input-group[data-v-a3292d1e]:hover:not(.rs-input-group--disabled):not(
+.rs-input-shell--combined .rs-input-group[data-v-ecc31779]:hover:not(.rs-input-group--disabled):not(
     .rs-input-group--readonly
   ):not(:focus-within),
-.rs-input-shell--combined .rs-input-group[data-v-a3292d1e]:focus-within,
-.rs-input-shell--combined .rs-input-group--invalid[data-v-a3292d1e],
-.rs-input-shell--combined .rs-input-group--invalid[data-v-a3292d1e]:focus-within {
-
+.rs-input-shell--combined .rs-input-group[data-v-ecc31779]:focus-within,
+.rs-input-shell--combined .rs-input-group--invalid[data-v-ecc31779],
+.rs-input-shell--combined .rs-input-group--invalid[data-v-ecc31779]:focus-within {
   border-color: transparent;
-
   box-shadow: none;
 }
-.rs-input-addon[data-v-a3292d1e] {
-
+.rs-input-addon[data-v-ecc31779] {
   display: inline-flex;
-
   align-items: center;
-
   justify-content: center;
-
   box-sizing: border-box;
-
   flex-shrink: 0;
-
   min-width: var(--rs-control-height-md);
-
   padding: 0 var(--rs-space-sm);
-
   border: none;
-
   border-inline-start: 1px solid var(--rs-input-border, var(--rs-border));
-
   border-radius: 0;
-
   background: var(--rs-surface-hover);
-
   color: var(--rs-muted);
-
   font-size: var(--rs-font-size-sm);
-
   white-space: nowrap;
 }
-.rs-input-addon--before[data-v-a3292d1e] {
-
+.rs-input-addon--before[data-v-ecc31779] {
   border-inline-start: none;
-
   border-inline-end: 1px solid var(--rs-input-border, var(--rs-border));
 }
-.rs-input-shell--ssm .rs-input-addon[data-v-a3292d1e] {
-
+.rs-input-shell--ssm .rs-input-addon[data-v-ecc31779] {
   min-width: var(--rs-control-height-ssm);
-
   padding: 0 var(--rs-space-xs);
 }
-.rs-input-shell--sm .rs-input-addon[data-v-a3292d1e] {
-
+.rs-input-shell--sm .rs-input-addon[data-v-ecc31779] {
   min-width: var(--rs-control-height-sm);
-
   padding: 0 var(--rs-space-xs);
 }
-.rs-input-shell--lg .rs-input-addon[data-v-a3292d1e] {
-
+.rs-input-shell--lg .rs-input-addon[data-v-ecc31779] {
   min-width: var(--rs-control-height-lg);
-
   padding: 0 var(--rs-space-md);
 }
-.rs-input-addon--icon[data-v-a3292d1e] {
+.rs-input-addon--icon[data-v-ecc31779] {
   padding: 0;
   /* 图标选择器与输入区同底，整块一致，避免灰底 + 按钮再叠一层 hover */
   background: transparent;
   color: var(--rs-muted);
-  transition: color var(--rs-transition-fast), background var(--rs-transition-fast);
+  transition:
+    color var(--rs-transition-fast),
+    background var(--rs-transition-fast);
 }
-.rs-input-addon--icon[data-v-a3292d1e]:hover {
+.rs-input-addon--icon[data-v-ecc31779]:hover {
   color: var(--rs-primary);
   background: color-mix(in srgb, var(--rs-primary) 8%, transparent);
 }
-.rs-input-addon__button[data-v-a3292d1e] {
+.rs-input-addon__button[data-v-ecc31779] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -176,362 +120,236 @@
   color: inherit;
   cursor: pointer;
 }
-.rs-input-addon__button[data-v-a3292d1e]:hover:not(:disabled) {
+.rs-input-addon__button[data-v-ecc31779]:hover:not(:disabled) {
   /* 悬浮样式交给整块 .rs-input-addon--icon，按钮不再单独变色/铺底 */
   color: inherit;
   background: transparent;
 }
-.rs-input-addon__button[data-v-a3292d1e]:focus-visible {
+.rs-input-addon__button[data-v-ecc31779]:focus-visible {
   outline: none;
   color: var(--rs-primary);
   box-shadow: inset 0 0 0 var(--rs-focus-ring-width, 2px) var(--rs-focus-ring);
 }
-.rs-input-addon__button[data-v-a3292d1e]:disabled {
+.rs-input-addon__button[data-v-ecc31779]:disabled {
   cursor: not-allowed;
   opacity: 0.38;
 }
-.rs-input-shell--disabled .rs-input-addon[data-v-a3292d1e],
-.rs-input-shell--combined:has(.rs-input-group--disabled) .rs-input-addon[data-v-a3292d1e] {
-
+.rs-input-shell--disabled .rs-input-addon[data-v-ecc31779],
+.rs-input-shell--combined:has(.rs-input-group--disabled) .rs-input-addon[data-v-ecc31779] {
   opacity: 0.38;
-
   cursor: not-allowed;
 }
-.rs-input-group__custom-suffix[data-v-a3292d1e] {
-
+.rs-input-group__custom-suffix[data-v-ecc31779] {
   display: inline-flex;
-
   align-items: center;
-
   gap: var(--rs-space-xs);
 }
-.rs-field--label-left .rs-input-field[data-v-a3292d1e] {
-
+.rs-field--label-left .rs-input-field[data-v-ecc31779] {
   grid-column: 2;
-
   min-width: 0;
 }
-.rs-field--label-left .rs-input-field__error[data-v-a3292d1e] {
-
+.rs-field--label-left .rs-input-field__error[data-v-ecc31779] {
   grid-column: 2;
 }
-.rs-field--label-left .rs-field__label[data-v-a3292d1e] {
-
+.rs-field--label-left .rs-field__label[data-v-ecc31779] {
   display: flex;
-
   align-items: center;
-
   min-height: var(--rs-control-height-md);
 }
-.rs-input-field--ssm.rs-field--label-left .rs-field__label[data-v-a3292d1e] {
-
+.rs-input-field--ssm.rs-field--label-left .rs-field__label[data-v-ecc31779] {
   min-height: var(--rs-control-height-ssm);
 }
-.rs-input-field--sm.rs-field--label-left .rs-field__label[data-v-a3292d1e] {
-
+.rs-input-field--sm.rs-field--label-left .rs-field__label[data-v-ecc31779] {
   min-height: var(--rs-control-height-sm);
 }
-.rs-input-field--lg.rs-field--label-left .rs-field__label[data-v-a3292d1e] {
-
+.rs-input-field--lg.rs-field--label-left .rs-field__label[data-v-ecc31779] {
   min-height: var(--rs-control-height-lg);
 }
-.rs-input-group[data-v-a3292d1e] {
-
+.rs-input-group[data-v-ecc31779] {
   display: flex;
-
   align-items: center;
-
   box-sizing: border-box;
-
   width: 100%;
-
   height: var(--rs-control-height-md);
-
   min-height: var(--rs-control-height-md);
-
   border-radius: var(--rs-input-radius, var(--rs-radius-sm));
-
   border: 1px solid var(--rs-input-border, var(--rs-border));
-
   background: var(--rs-input-bg);
-
   box-shadow: var(--rs-input-shadow, none);
-
   /* 裁切 autofill 矩形 inset，避免盖住圆角边框 */
-
   overflow: hidden;
-
   transition:
-
     border-color var(--rs-transition-fast),
-
     box-shadow var(--rs-transition-fast),
-
     background var(--rs-transition-fast);
 }
-.rs-input-group--ssm[data-v-a3292d1e] {
-
+.rs-input-group--ssm[data-v-ecc31779] {
   height: var(--rs-control-height-ssm);
-
   min-height: var(--rs-control-height-ssm);
 }
-.rs-input-group--sm[data-v-a3292d1e] {
-
+.rs-input-group--sm[data-v-ecc31779] {
   height: var(--rs-control-height-sm);
-
   min-height: var(--rs-control-height-sm);
 }
-.rs-input-group--lg[data-v-a3292d1e] {
-
+.rs-input-group--lg[data-v-ecc31779] {
   height: var(--rs-control-height-lg);
-
   min-height: var(--rs-control-height-lg);
 }
-.rs-input-group[data-v-a3292d1e]:hover:not(.rs-input-group--disabled):not(.rs-input-group--readonly):not(:focus-within) {
-
+.rs-input-group[data-v-ecc31779]:hover:not(.rs-input-group--disabled):not(.rs-input-group--readonly):not(:focus-within) {
   border-color: var(--rs-input-border-hover, var(--rs-border));
 }
-.rs-input-group[data-v-a3292d1e]:focus-within {
-
+.rs-input-group[data-v-ecc31779]:focus-within {
   border-color: var(--rs-focus-border, var(--rs-primary));
-
   background: var(--rs-input-bg);
-
   box-shadow:
-
     var(--rs-input-shadow, none),
-
     0 0 0 var(--rs-focus-ring-width, 2px) var(--rs-focus-ring);
 }
-.rs-input-group--invalid[data-v-a3292d1e] {
-
+.rs-input-group--invalid[data-v-ecc31779] {
   border-color: var(--rs-danger);
 }
-.rs-input-group--invalid[data-v-a3292d1e]:focus-within {
-
+.rs-input-group--invalid[data-v-ecc31779]:focus-within {
   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);
+    0 0 0 var(--rs-focus-ring-width, 2px) color-mix(in srgb, var(--rs-danger) 14%, transparent);
 }
-.rs-input-group--disabled[data-v-a3292d1e] {
-
+.rs-input-group--disabled[data-v-ecc31779] {
   opacity: 0.38;
-
   cursor: not-allowed;
-
   background: var(--rs-surface-hover);
 }
-.rs-input-group--readonly[data-v-a3292d1e] {
-
+.rs-input-group--readonly[data-v-ecc31779] {
   background: var(--rs-surface-hover);
-
   cursor: default;
 }
-.rs-input-group__affix[data-v-a3292d1e] {
-
+.rs-input-group__affix[data-v-ecc31779] {
   display: inline-flex;
-
   align-items: center;
-
   flex-shrink: 0;
-
   color: var(--rs-muted);
-
   font-size: var(--rs-font-size-sm);
-
   white-space: nowrap;
-
   user-select: none;
 }
-.rs-input-group__affix--prefix[data-v-a3292d1e] {
-
+.rs-input-group__affix--prefix[data-v-ecc31779] {
   padding-inline-start: var(--rs-space-md);
 }
-.rs-input-group__affix--suffix[data-v-a3292d1e] {
-
+.rs-input-group__affix--suffix[data-v-ecc31779] {
   gap: var(--rs-space-xs);
-
   padding-inline-end: var(--rs-space-sm);
 }
-.rs-input-group--ssm .rs-input-group__affix--prefix[data-v-a3292d1e] {
-
+.rs-input-group--ssm .rs-input-group__affix--prefix[data-v-ecc31779] {
   padding-inline-start: var(--rs-space-xs);
 }
-.rs-input-group--ssm .rs-input-group__affix--suffix[data-v-a3292d1e] {
-
+.rs-input-group--ssm .rs-input-group__affix--suffix[data-v-ecc31779] {
   padding-inline-end: var(--rs-space-xs);
 }
-.rs-input-group--sm .rs-input-group__affix--prefix[data-v-a3292d1e] {
-
+.rs-input-group--sm .rs-input-group__affix--prefix[data-v-ecc31779] {
   padding-inline-start: var(--rs-space-sm);
 }
-.rs-input-group--sm .rs-input-group__affix--suffix[data-v-a3292d1e] {
-
+.rs-input-group--sm .rs-input-group__affix--suffix[data-v-ecc31779] {
   padding-inline-end: var(--rs-space-xs);
 }
-.rs-input-group--lg .rs-input-group__affix--prefix[data-v-a3292d1e] {
-
+.rs-input-group--lg .rs-input-group__affix--prefix[data-v-ecc31779] {
   padding-inline-start: var(--rs-space-lg);
 }
-.rs-input-group--lg .rs-input-group__affix--suffix[data-v-a3292d1e] {
-
+.rs-input-group--lg .rs-input-group__affix--suffix[data-v-ecc31779] {
   padding-inline-end: var(--rs-space-md);
 }
-.rs-input-group__count[data-v-a3292d1e] {
-
+.rs-input-group__count[data-v-ecc31779] {
   font-size: var(--rs-font-size-xs);
-
   color: var(--rs-muted);
-
   font-variant-numeric: tabular-nums;
 }
-.rs-input-group__action[data-v-a3292d1e] {
-
+.rs-input-group__action[data-v-ecc31779] {
   display: inline-flex;
-
   align-items: center;
-
   justify-content: center;
-
   width: 1.25rem;
-
   height: 1.25rem;
-
   padding: 0;
-
   border: none;
-
   border-radius: var(--rs-radius-xs);
-
   background: transparent;
-
   color: var(--rs-muted);
-
   cursor: pointer;
-
   transition:
-
     color var(--rs-transition-fast),
-
     background var(--rs-transition-fast);
 }
-.rs-input-group__action[data-v-a3292d1e]:hover {
-
+.rs-input-group__action[data-v-ecc31779]:hover {
   color: var(--rs-text);
-
   background: var(--rs-item-hover);
 }
-.rs-input-group__action[data-v-a3292d1e]:focus-visible {
-
+.rs-input-group__action[data-v-ecc31779]:focus-visible {
   outline: none;
-
   box-shadow: 0 0 0 var(--rs-focus-ring-width, 2px) var(--rs-focus-ring);
 }
-.rs-input-group__control[data-v-a3292d1e] {
-
+.rs-input-group__control[data-v-ecc31779] {
   flex: 1;
-
   min-width: 0;
-
   width: 100%;
-
   min-height: inherit;
-
   padding: 0 var(--rs-space-md);
-
   border: none;
-
   outline: none;
-
   background: transparent;
-
   color: var(--rs-text);
-
   font-size: var(--rs-font-size-sm);
-
   line-height: var(--rs-line-height-tight);
 }
 
 /* type=search 自带取消钮，与 clearable 的 x 叠成两个 */
-.rs-input-group__control[type='search'][data-v-a3292d1e]::-webkit-search-decoration,
-.rs-input-group__control[type='search'][data-v-a3292d1e]::-webkit-search-cancel-button,
-.rs-input-group__control[type='search'][data-v-a3292d1e]::-webkit-search-results-button,
-.rs-input-group__control[type='search'][data-v-a3292d1e]::-webkit-search-results-decoration {
+.rs-input-group__control[type='search'][data-v-ecc31779]::-webkit-search-decoration,
+.rs-input-group__control[type='search'][data-v-ecc31779]::-webkit-search-cancel-button,
+.rs-input-group__control[type='search'][data-v-ecc31779]::-webkit-search-results-button,
+.rs-input-group__control[type='search'][data-v-ecc31779]::-webkit-search-results-decoration {
   -webkit-appearance: none;
   appearance: none;
 }
-.rs-input-group__control--ssm[data-v-a3292d1e] {
-
+.rs-input-group__control--ssm[data-v-ecc31779] {
   padding: 0 var(--rs-space-xs);
-
   font-size: var(--rs-font-size-xs);
 }
-.rs-input-group__control--sm[data-v-a3292d1e] {
-
+.rs-input-group__control--sm[data-v-ecc31779] {
   padding: 0 var(--rs-space-sm);
-
   font-size: var(--rs-font-size-xs);
 }
-.rs-input-group__control--lg[data-v-a3292d1e] {
-
+.rs-input-group__control--lg[data-v-ecc31779] {
   padding: 0 var(--rs-space-lg);
-
   font-size: var(--rs-font-size-base);
 }
-.rs-input-group--has-prefix .rs-input-group__control[data-v-a3292d1e] {
-
+.rs-input-group--has-prefix .rs-input-group__control[data-v-ecc31779] {
   padding-inline-start: var(--rs-space-sm);
 }
-.rs-input-group--has-suffix .rs-input-group__control[data-v-a3292d1e] {
-
+.rs-input-group--has-suffix .rs-input-group__control[data-v-ecc31779] {
   padding-inline-end: var(--rs-space-xs);
 }
-.rs-input-group__control[data-v-a3292d1e]::placeholder {
-
+.rs-input-group__control[data-v-ecc31779]::placeholder {
   color: var(--rs-placeholder);
 }
-.rs-input-group__control[data-v-a3292d1e]:disabled {
-
+.rs-input-group__control[data-v-ecc31779]:disabled {
   cursor: not-allowed;
 }
-.rs-input-group__control[data-v-a3292d1e]:read-only {
-
+.rs-input-group__control[data-v-ecc31779]:read-only {
   cursor: default;
 }
 
 /* 浏览器 autofill 会给 input 注入独立背景色，与外层圆角容器不一致 */
-.rs-input-group__control[data-v-a3292d1e]:-webkit-autofill,
-
-.rs-input-group__control[data-v-a3292d1e]:-webkit-autofill:hover,
-
-.rs-input-group__control[data-v-a3292d1e]:-webkit-autofill:focus,
-
-.rs-input-group__control[data-v-a3292d1e]:-webkit-autofill:active {
-
+.rs-input-group__control[data-v-ecc31779]:-webkit-autofill,
+.rs-input-group__control[data-v-ecc31779]:-webkit-autofill:hover,
+.rs-input-group__control[data-v-ecc31779]:-webkit-autofill:focus,
+.rs-input-group__control[data-v-ecc31779]:-webkit-autofill:active {
   -webkit-box-shadow: 0 0 0 1000px var(--rs-input-bg) inset;
-
   box-shadow: 0 0 0 1000px var(--rs-input-bg) inset;
-
   -webkit-text-fill-color: var(--rs-text);
-
   caret-color: var(--rs-text);
-
   transition: background-color 99999s ease-out 0s;
 }
-.rs-input-field__error[data-v-a3292d1e] {
-
+.rs-input-field__error[data-v-ecc31779] {
   margin: 0.25rem 0 0;
-
   font-size: var(--rs-font-size-xs);
-
   line-height: var(--rs-line-height-tight);
-
   color: var(--rs-danger);
 }
-

package/dist/components/input/src/RsInput.d.ts

@@ -1,5 +1,6 @@
 import type { RsComponentSize, RsRadius } from '../../../theme/types';
 import { type RsInputRule, type RsInputValidateTrigger } from './input-rules';
+import { type RsInputType } from './input-utils';
 import { type RsFormLabelPosition } from '../../form/src/form-utils';
 import { type RsFormRuleTrigger } from '../../form/src/form-rules';
 /**
@@ -16,9 +17,10 @@ export interface RsInputExpose {
 export type RsInputInstance = RsInputExpose & {
     $el: HTMLElement;
 };
+export type { RsInputType };
 type __VLS_Props = {
     id?: string;
-    type?: 'text' | 'email' | 'password' | 'search' | 'tel' | 'url' | 'number' | 'date' | 'datetime-local';
+    type?: RsInputType;
     placeholder?: string;
     disabled?: boolean;
     readonly?: boolean;
@@ -126,9 +128,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, RsInp
     onPressEnter?: ((event: KeyboardEvent) => any) | undefined;
     onAddonAfterClick?: ((event: MouseEvent) => any) | undefined;
 }>, {
-    type: "text" | "email" | "password" | "search" | "tel" | "url" | "number" | "date" | "datetime-local";
-    invalid: boolean;
     required: boolean;
+    type: RsInputType;
+    invalid: boolean;
     disabled: boolean;
     readonly: boolean;
     validateTrigger: RsInputValidateTrigger;