niuma-ui 2.0.2 → 2.0.4

package/dist/components/time-picker/src/RsTimePicker.css

@@ -1,11 +1,15 @@
 
-.rs-time-picker[data-v-f037f46a] {
+.rs-time-picker[data-v-74cf1aa1] {
+  position: relative;
   width: 100%;
 }
-.rs-time-picker-embedded[data-v-f037f46a] {
+.rs-time-picker-embedded[data-v-74cf1aa1] {
   min-width: 0;
 }
-.rs-time-picker__trigger[data-v-f037f46a] {
+.rs-time-picker-wrap--clearable .rs-time-picker__trigger[data-v-74cf1aa1] {
+  padding-inline-end: calc(var(--rs-space-md) + 2.25rem);
+}
+.rs-time-picker__trigger[data-v-74cf1aa1] {
   display: inline-flex;
   align-items: center;
   justify-content: space-between;
@@ -16,7 +20,7 @@
   min-height: var(--rs-control-height-md);
   padding: 0 var(--rs-space-md);
   border: 1px solid var(--rs-input-border, var(--rs-border));
-  border-radius: var(--rs-radius-sm);
+  border-radius: var(--rs-time-picker-radius, var(--rs-radius-sm));
   background: var(--rs-input-bg);
   color: var(--rs-text);
   font: inherit;
@@ -31,74 +35,87 @@
     box-shadow var(--rs-transition-fast),
     background var(--rs-transition-fast);
 }
-.rs-time-picker--ssm .rs-time-picker__trigger[data-v-f037f46a] {
+.rs-time-picker--ssm .rs-time-picker__trigger[data-v-74cf1aa1] {
   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-time-picker--sm .rs-time-picker__trigger[data-v-f037f46a] {
+.rs-time-picker--sm .rs-time-picker__trigger[data-v-74cf1aa1] {
   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-time-picker--lg .rs-time-picker__trigger[data-v-f037f46a] {
+.rs-time-picker--lg .rs-time-picker__trigger[data-v-74cf1aa1] {
   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-time-picker__trigger--embedded[data-v-f037f46a] {
+.rs-time-picker__trigger--embedded[data-v-74cf1aa1] {
   min-width: 5.5rem;
   background: color-mix(in srgb, var(--rs-surface) 72%, transparent);
 }
-.rs-time-picker--ssm .rs-time-picker__trigger--embedded[data-v-f037f46a] {
+.rs-time-picker--ssm .rs-time-picker__trigger--embedded[data-v-74cf1aa1] {
   min-width: 4.75rem;
 }
-.rs-time-picker--lg .rs-time-picker__trigger--embedded[data-v-f037f46a] {
+.rs-time-picker--lg .rs-time-picker__trigger--embedded[data-v-74cf1aa1] {
   min-width: 6.25rem;
 }
-.rs-time-picker__trigger[data-v-f037f46a]:hover:not(:disabled) {
+.rs-time-picker__trigger[data-v-74cf1aa1]:hover:not(:disabled) {
   border-color: var(--rs-input-border-hover, var(--rs-border));
 }
-.rs-time-picker__trigger[data-v-f037f46a]:focus-visible {
+.rs-time-picker__trigger[data-v-74cf1aa1]:focus-visible {
   outline: none;
   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-time-picker__trigger[data-v-f037f46a]:disabled {
-  opacity: 0.38;
+.rs-time-picker__trigger[data-v-74cf1aa1]:disabled {
+  opacity: var(--rs-time-picker-disabled-opacity, 0.38);
   cursor: not-allowed;
 }
-.rs-time-picker__trigger--placeholder .rs-time-picker__value[data-v-f037f46a] {
+.rs-time-picker__trigger--placeholder .rs-time-picker__value[data-v-74cf1aa1] {
   color: var(--rs-placeholder);
 }
-.rs-time-picker__trigger--invalid[data-v-f037f46a] {
-  border-color: var(--rs-danger, var(--rs-color-danger, #dc2626));
+.rs-time-picker__trigger--invalid[data-v-74cf1aa1] {
+  border-color: var(--rs-danger, var(--rs-color-danger));
 }
-.rs-time-picker__trigger--invalid[data-v-f037f46a]:focus-visible {
-  border-color: var(--rs-danger, var(--rs-color-danger, #dc2626));
+.rs-time-picker__trigger--invalid[data-v-74cf1aa1]:focus-visible {
+  border-color: var(--rs-danger, var(--rs-color-danger));
   box-shadow:
     var(--rs-input-shadow, none),
     0 0 0 var(--rs-focus-ring-width, 2px)
-      color-mix(in srgb, var(--rs-danger, #dc2626) 14%, transparent);
+      color-mix(in srgb, var(--rs-danger) 14%, transparent);
+}
+.rs-time-picker__clear[data-v-74cf1aa1] {
+  position: absolute;
+  inset-block-start: 50%;
+  inset-inline-end: var(--rs-space-xs);
+  z-index: 1;
+  transform: translateY(-50%);
+}
+.rs-time-picker-field__error[data-v-74cf1aa1] {
+  margin: var(--rs-space-xs) 0 0;
+  color: var(--rs-danger, var(--rs-color-danger));
+  font-size: var(--rs-font-size-xs);
+  line-height: var(--rs-line-height-tight);
 }
-.rs-time-picker__leading[data-v-f037f46a] {
+.rs-time-picker__leading[data-v-74cf1aa1] {
   display: inline-flex;
   min-width: 0;
   flex: 1;
   align-items: center;
   gap: var(--rs-space-sm);
 }
-.rs-time-picker__icon[data-v-f037f46a],
-.rs-time-picker__chevron[data-v-f037f46a] {
+.rs-time-picker__icon[data-v-74cf1aa1],
+.rs-time-picker__chevron[data-v-74cf1aa1] {
   flex-shrink: 0;
   color: var(--rs-muted);
 }
-.rs-time-picker__value[data-v-f037f46a] {
+.rs-time-picker__value[data-v-74cf1aa1] {
   min-width: 0;
   overflow: hidden;
   text-overflow: ellipsis;

package/dist/components/time-picker/src/RsTimePicker.d.ts

@@ -1,8 +1,28 @@
-import { type RsComponentSize } from '../../../theme/types';
-import { type RsTimeRangeValue } from './time-picker-utils';
-export type { RsTimeRangeValue } from './time-picker-utils';
+import { type RsComponentSize, type RsRadius } from '../../../theme/types';
+import { type RsFormRuleTrigger } from '../../form/src/form-rules';
+import { type RsTimePickerDisabledTime, type RsTimePickerGetPopupContainer, type RsTimePickerHourCycle, type RsTimePickerModelValue, type RsTimePickerShortcut } from './time-picker-utils';
+export type { RsTimePickerDisabledTime, RsTimePickerGetPopupContainer, RsTimePickerHourCycle, RsTimePickerModelValue, RsTimePickerShortcut, RsTimeRangeValue, } from './time-picker-utils';
 export type RsTimePickerLabelPosition = 'top' | 'left';
+export interface RsTimePickerExpose {
+    setValue: (value: unknown) => void;
+    clearValidation: () => void;
+    setError: (message: string) => void;
+    validate: (trigger?: RsFormRuleTrigger) => Promise<{
+        valid: boolean;
+        message?: string;
+        name?: string;
+    }>;
+    focus: () => void;
+    blur: () => void;
+}
+export type RsTimePickerInstance = RsTimePickerExpose & {
+    $el: HTMLElement;
+};
+export interface RsTimePickerColumnsExpose {
+    scrollToSelectionAfterPaint: () => void;
+}
 type __VLS_Props = {
+    name?: string;
     label?: string;
     hint?: string;
     placeholder?: string;
@@ -15,26 +35,51 @@ type __VLS_Props = {
     embedded?: boolean;
     labelPosition?: RsTimePickerLabelPosition;
     size?: RsComponentSize;
+    radius?: RsRadius;
     id?: string;
     invalid?: boolean;
+    showValidateMessage?: boolean;
+    clearable?: boolean;
+    readonly?: boolean;
+    ariaLabel?: string;
+    hourCycle?: RsTimePickerHourCycle;
+    minuteStep?: number;
+    disabledTime?: RsTimePickerDisabledTime;
+    shortcuts?: RsTimePickerShortcut[];
+    getPopupContainer?: RsTimePickerGetPopupContainer;
 };
 type __VLS_ModelProps = {
-    modelValue?: string | RsTimeRangeValue;
+    modelValue?: RsTimePickerModelValue;
     'open'?: boolean;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string | RsTimeRangeValue) => any;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, RsTimePickerExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (value: RsTimePickerModelValue) => any;
+    blur: () => any;
+    focus: () => any;
+    clear: () => any;
+    "update:modelValue": (value: RsTimePickerModelValue) => any;
     "update:open": (value: boolean) => any;
+    openChange: (open: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string | RsTimeRangeValue) => any) | undefined;
+    onChange?: ((value: RsTimePickerModelValue) => any) | undefined;
+    onBlur?: (() => any) | undefined;
+    onFocus?: (() => any) | undefined;
+    onClear?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: RsTimePickerModelValue) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onOpenChange?: ((open: boolean) => any) | undefined;
 }>, {
     required: boolean;
     disabled: boolean;
     range: boolean;
+    readonly: boolean;
+    clearable: boolean;
+    showValidateMessage: boolean;
     labelPosition: RsTimePickerLabelPosition;
     withSeconds: boolean;
+    hourCycle: RsTimePickerHourCycle;
+    minuteStep: number;
     embedded: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;