morya-ui 0.4.3 → 0.4.5

package/dist/components/DatePicker/DatePicker.vue.d.ts

@@ -1,12 +1,29 @@
 import { DatePickerProps, DatePickerShortcut, DatePickerValue, DatePickerModel, DatePickerType } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 import { MotionPresetId } from '../..';
+/** Close the panel without refocusing the input (used by footer slot buttons). */
+declare function closePanel(): void;
 declare var __VLS_1: {
     value: string;
     open: boolean;
+}, __VLS_30: {
+    date: Date;
+    inMonth: boolean;
+    selected: boolean;
+    inRange: boolean;
+    rangeStart: boolean;
+    rangeEnd: boolean;
+    isToday: boolean;
+    disabled: boolean;
+}, __VLS_70: {
+    close: typeof closePanel;
 };
 type __VLS_Slots = {} & {
     trigger?: (props: typeof __VLS_1) => any;
+} & {
+    cell?: (props: typeof __VLS_30) => any;
+} & {
+    footer?: (props: typeof __VLS_70) => any;
 };
 declare const __VLS_base: DefineComponent<DatePickerProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "update:modelValue": (value: DatePickerModel) => any;
@@ -22,11 +39,14 @@ declare const __VLS_base: DefineComponent<DatePickerProps, {}, {}, {}, {}, Compo
     onHide?: (() => any) | undefined;
 }>, {
     modelValue: DatePickerValue;
+    multiple: boolean;
+    mask: boolean;
     disabled: boolean;
     id: string;
     type: DatePickerType;
     transition: MotionPresetId | false;
     invalid: boolean;
+    status: "default" | "warning" | "error";
     placeholder: string;
     helpText: string;
     errorMessage: string;
@@ -36,6 +56,7 @@ declare const __VLS_base: DefineComponent<DatePickerProps, {}, {}, {}, {}, Compo
     format: string;
     showSeconds: boolean;
     shortcuts: DatePickerShortcut[];
+    needConfirm: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/DatePicker/DatePicker.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.vue"],"names":[],"mappings":";;AA+1BA,OAAO,KAAK,EAGV,eAAe,EACf,kBAAkB,EAClB,eAAe,EAChB,MAAM,SAAS,CAAA;AA6sChB,QAAA,IAAI,OAAO;;;CAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAU/C,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"DatePicker.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.vue"],"names":[],"mappings":";;AAktCA,OAAO,KAAK,EAGV,eAAe,EACf,kBAAkB,EAClB,eAAe,EAChB,MAAM,SAAS,CAAA;AAuZhB,kFAAkF;AAClF,iBAAS,UAAU,SAElB;AA4zCD,QAAA,IAAI,OAAO;;;CAAU,EAAE,QAAQ;;;;;;;;;CAAW,EAAE,QAAQ;;CAAY,CAAE;AAClE,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC1C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAU/C,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/DatePicker/styles.css

@@ -1,9 +1,19 @@
-/* --- Form: DatePicker --- */
+/* --- Form: DatePicker ---
+ * Size-aware tokens follow Ant Design DatePicker sizing:
+ * - small  : 24px input, 24px calendar cells, 14px font
+ * - medium : 32px input, 24px calendar cells, 14px font (default)
+ * - large  : 40px input, 28px calendar cells, 16px font
+ * Override `--m-datepicker-*` tokens to customize per-size appearance.
+ */
 .m-datepicker,
 .m-datepicker__panel {
-    --m-datepicker-calendar-cell-size: var(--m-control-affix-size, 2rem);
+    --m-datepicker-calendar-cell-size: 1.5rem;
     --m-datepicker-day-size: var(--m-datepicker-calendar-cell-size);
     --m-datepicker-grid-gap: 0.125rem;
+    --m-datepicker-control-height: var(--m-control-height-medium);
+    --m-datepicker-font-size: var(--m-control-font-medium);
+    --m-datepicker-padding-x: var(--m-control-padding-x-medium);
+    --m-datepicker-affix-size: var(--m-control-affix-size);
     --m-datepicker-panel-min-width: calc(
         7 * var(--m-datepicker-calendar-cell-size) + 6 *
             var(--m-datepicker-grid-gap) + 2 * var(--m-space-3)
@@ -11,6 +21,32 @@
     --m-datepicker-shortcuts-width: 6rem;
 }
 
+/* Size variants: scale input height, font, padding, calendar cell, affix.
+ * Panel gets its own class (m-datepicker__panel--{size}) because it can be
+ * teleported outside the root element. */
+.m-datepicker--small,
+.m-datepicker__panel--small {
+    --m-datepicker-calendar-cell-size: 1.375rem;
+    --m-datepicker-control-height: var(--m-control-height-small);
+    --m-datepicker-font-size: var(--m-control-font-small);
+    --m-datepicker-padding-x: var(--m-control-padding-x-small);
+    --m-datepicker-affix-size: calc(
+        var(--m-control-height-small) - 2 * var(--m-border-width)
+    );
+}
+
+.m-datepicker--large,
+.m-datepicker__panel--large {
+    /* antd large: slightly bigger calendar cells */
+    --m-datepicker-calendar-cell-size: 1.75rem;
+    --m-datepicker-control-height: var(--m-control-height-large);
+    --m-datepicker-font-size: var(--m-control-font-large);
+    --m-datepicker-padding-x: var(--m-control-padding-x-large);
+    --m-datepicker-affix-size: calc(
+        var(--m-control-height-large) - 2 * var(--m-border-width)
+    );
+}
+
 .m-datepicker {
     display: inline-flex;
     flex-direction: column;
@@ -52,7 +88,7 @@
     box-sizing: border-box;
     display: flex;
     max-width: 100%;
-    min-height: var(--m-control-height-medium);
+    min-height: var(--m-datepicker-control-height);
     transition:
         border-color var(--m-motion-fast) var(--m-motion-ease),
         box-shadow var(--m-motion-fast) var(--m-motion-ease);
@@ -68,17 +104,32 @@
     box-shadow: var(--m-focus-shadow);
 }
 
-.m-datepicker--invalid .m-datepicker__control:has(.m-datepicker__input) {
+.m-datepicker--invalid .m-datepicker__control:has(.m-datepicker__input),
+.m-datepicker--error .m-datepicker__control:has(.m-datepicker__input) {
     border-color: var(--m-color-danger);
 }
 
+.m-datepicker--warning .m-datepicker__control:has(.m-datepicker__input) {
+    border-color: var(--m-color-warning);
+}
+
 .m-datepicker--invalid .m-datepicker__control:has(.m-datepicker__input):focus-within,
 .m-datepicker--invalid.m-datepicker--open
+    .m-datepicker__control:has(.m-datepicker__input),
+.m-datepicker--error .m-datepicker__control:has(.m-datepicker__input):focus-within,
+.m-datepicker--error.m-datepicker--open
     .m-datepicker__control:has(.m-datepicker__input) {
     border-color: var(--m-color-danger);
     box-shadow: var(--m-focus-shadow-danger);
 }
 
+.m-datepicker--warning .m-datepicker__control:has(.m-datepicker__input):focus-within,
+.m-datepicker--warning.m-datepicker--open
+    .m-datepicker__control:has(.m-datepicker__input) {
+    border-color: var(--m-color-warning);
+    box-shadow: var(--m-focus-shadow-warning, 0 0 0 3px color-mix(in srgb, var(--m-color-warning) 20%, transparent));
+}
+
 .m-datepicker__input {
     background: transparent;
     border: 0;
@@ -88,37 +139,15 @@
     cursor: pointer;
     flex: 1 1 auto;
     font-family: var(--m-font-sans);
-    font-size: var(--m-control-font-medium);
-    height: calc(var(--m-control-height-medium) - 2 * var(--m-border-width));
-    line-height: calc(var(--m-control-height-medium) - 2 * var(--m-border-width));
+    font-size: var(--m-datepicker-font-size);
+    height: calc(var(--m-datepicker-control-height) - 2 * var(--m-border-width));
+    line-height: calc(var(--m-datepicker-control-height) - 2 * var(--m-border-width));
     min-height: 0;
     min-width: 0;
-    padding: 0 var(--m-control-padding-x-medium);
+    padding: 0 var(--m-datepicker-padding-x);
     width: 100%;
 }
 
-.m-datepicker--small .m-datepicker__control:has(.m-datepicker__input) {
-    min-height: var(--m-control-height-small);
-}
-
-.m-datepicker--small .m-datepicker__input {
-    font-size: var(--m-control-font-small);
-    height: calc(var(--m-control-height-small) - 2 * var(--m-border-width));
-    line-height: calc(var(--m-control-height-small) - 2 * var(--m-border-width));
-    padding: 0 var(--m-control-padding-x-small);
-}
-
-.m-datepicker--large .m-datepicker__control:has(.m-datepicker__input) {
-    min-height: var(--m-control-height-large);
-}
-
-.m-datepicker--large .m-datepicker__input {
-    font-size: var(--m-control-font-large);
-    height: calc(var(--m-control-height-large) - 2 * var(--m-border-width));
-    line-height: calc(var(--m-control-height-large) - 2 * var(--m-border-width));
-    padding: 0 var(--m-control-padding-x-large);
-}
-
 .m-datepicker__input:focus,
 .m-datepicker__input:focus-visible {
     box-shadow: none;
@@ -144,10 +173,10 @@
     display: inline-flex;
     flex: 0 0 auto;
     font: inherit;
-    height: var(--m-control-affix-size);
+    height: var(--m-datepicker-affix-size);
     justify-content: center;
     padding: 0;
-    width: var(--m-control-affix-size);
+    width: var(--m-datepicker-affix-size);
 }
 
 .m-datepicker__clear:hover:not(:disabled) {
@@ -164,6 +193,7 @@
     border: var(--m-border-width) solid var(--m-color-border);
     border-radius: var(--m-radius-md);
     box-shadow: var(--m-shadow-md);
+    font-size: var(--m-datepicker-font-size);
     margin-top: var(--m-space-1);
     min-width: max(100%, var(--m-datepicker-panel-min-width));
     padding: var(--m-space-3);
@@ -193,9 +223,39 @@
 }
 
 .m-datepicker__month {
+    font-size: var(--m-datepicker-font-size);
     font-weight: 500;
 }
 
+/* Header label as a clickable switch between days / months / years sub-panels. */
+button.m-datepicker__month--switch {
+    background: transparent;
+    border: 0;
+    border-radius: var(--m-radius-sm);
+    color: var(--m-color-text);
+    cursor: pointer;
+    font-family: var(--m-font-sans);
+    font-size: inherit;
+    padding: var(--m-space-1) var(--m-space-2);
+    transition:
+        background-color var(--m-motion-fast) var(--m-motion-ease),
+        color var(--m-motion-fast) var(--m-motion-ease);
+}
+
+button.m-datepicker__month--switch:hover {
+    background: color-mix(
+        in srgb,
+        var(--m-color-primary) 10%,
+        var(--m-color-surface)
+    );
+    color: var(--m-color-primary);
+}
+
+button.m-datepicker__month--switch:focus-visible {
+    box-shadow: var(--m-focus-shadow);
+    outline: none;
+}
+
 .m-datepicker__nav {
     align-items: center;
     background: transparent;
@@ -227,31 +287,46 @@
 .m-datepicker__grid {
     display: grid;
     gap: var(--m-datepicker-grid-gap);
+    /* Cells fill the available panel width (e.g. fluid trigger) while keeping
+       a minimum of the size-aware cell size. */
     grid-template-columns: repeat(
         7,
-        var(--m-datepicker-calendar-cell-size, var(--m-control-affix-size, 2rem))
+        minmax(var(--m-datepicker-calendar-cell-size), 1fr)
     );
     place-items: center;
 }
 
 .m-datepicker__weekdays {
     color: var(--m-color-text-muted);
-    font-size: var(--m-font-size-xs);
+    font-size: calc(var(--m-datepicker-font-size) - 2px);
     margin-bottom: var(--m-space-1);
     text-align: center;
 }
 
+.m-datepicker__weekdays > span {
+    /* Match the stretched day cells so headers align with columns. */
+    width: 100%;
+}
+
 .m-datepicker__day {
+    align-items: center;
     background: transparent;
     border: 0;
     border-radius: var(--m-radius-sm);
     color: var(--m-color-text);
     cursor: pointer;
+    display: inline-flex;
     font-family: var(--m-font-sans);
+    font-size: var(--m-datepicker-font-size);
     height: var(--m-datepicker-day-size);
+    justify-content: center;
+    /* Reset UA button padding so the label centers in the cell. */
+    padding: 0;
     transition: background-color var(--m-motion-fast) var(--m-motion-ease),
         color var(--m-motion-fast) var(--m-motion-ease);
-    width: var(--m-datepicker-day-size);
+    /* Stretch to the grid column so fluid panels fill the trigger width;
+       height stays size-aware so cells read as rows, not oversized squares. */
+    width: 100%;
 }
 
 .m-datepicker__day--other {
@@ -264,6 +339,13 @@
     color: var(--m-color-on-emphasis);
 }
 
+/* Today's ring: 1px inner border in primary, suppressed once selected. */
+.m-datepicker__day--today:not(.m-datepicker__day--selected) {
+    box-shadow: inset 0 0 0 1px var(--m-color-primary);
+    color: var(--m-color-primary);
+    font-weight: 500;
+}
+
 .m-datepicker__day:hover:not(:disabled):not(.m-datepicker__day--selected) {
     background: color-mix(
         in srgb,
@@ -294,6 +376,59 @@
     min-width: var(--m-datepicker-shortcuts-width);
 }
 
+/* Extra footer (slot): typical "Now / Today / Clear" actions. */
+.m-datepicker__footer {
+    align-items: center;
+    border-top: var(--m-border-width) solid var(--m-color-border);
+    display: flex;
+    gap: var(--m-space-2);
+    justify-content: flex-end;
+    padding: var(--m-space-2) var(--m-space-3);
+}
+
+.m-datepicker__footer-btn {
+    background: transparent;
+    border: var(--m-border-width) solid var(--m-color-border);
+    border-radius: var(--m-radius-control);
+    color: var(--m-color-text);
+    cursor: pointer;
+    font-family: var(--m-font-sans);
+    font-size: var(--m-datepicker-font-size);
+    height: var(--m-control-height-sm, 1.75rem);
+    padding: 0 var(--m-space-3);
+    transition:
+        background-color var(--m-motion-fast) var(--m-motion-ease),
+        border-color var(--m-motion-fast) var(--m-motion-ease),
+        color var(--m-motion-fast) var(--m-motion-ease);
+}
+
+.m-datepicker__footer-btn:hover:not(:disabled) {
+    border-color: var(--m-color-primary-hover);
+    color: var(--m-color-primary);
+}
+
+.m-datepicker__footer-btn:focus-visible {
+    box-shadow: var(--m-focus-shadow);
+    outline: none;
+}
+
+.m-datepicker__footer-btn:disabled {
+    cursor: not-allowed;
+    opacity: 0.6;
+}
+
+.m-datepicker__footer-btn--primary {
+    background: var(--m-color-primary);
+    border-color: var(--m-color-primary);
+    color: var(--m-color-on-emphasis);
+}
+
+.m-datepicker__footer-btn--primary:hover:not(:disabled) {
+    background: var(--m-color-primary-hover);
+    border-color: var(--m-color-primary-hover);
+    color: var(--m-color-on-emphasis);
+}
+
 .m-datepicker__shortcut {
     background: transparent;
     border: 0;
@@ -301,6 +436,7 @@
     color: var(--m-color-text);
     cursor: pointer;
     font-family: var(--m-font-sans);
+    font-size: var(--m-datepicker-font-size);
     padding: var(--m-space-1) var(--m-space-2);
     text-align: left;
     transition: background-color var(--m-motion-fast) var(--m-motion-ease),
@@ -321,6 +457,16 @@
     outline: none;
 }
 
+.m-datepicker__shortcut--active {
+    background: color-mix(
+        in srgb,
+        var(--m-color-primary) 12%,
+        var(--m-color-surface)
+    );
+    color: var(--m-color-primary);
+    font-weight: 500;
+}
+
 .m-datepicker__day--in-range {
     background: color-mix(
         in srgb,
@@ -358,12 +504,16 @@
 }
 
 .m-datepicker__cell {
+    align-items: center;
     background: transparent;
     border: 0;
     border-radius: var(--m-radius-sm);
     color: var(--m-color-text);
     cursor: pointer;
+    display: inline-flex;
     font-family: var(--m-font-sans);
+    font-size: var(--m-datepicker-font-size);
+    justify-content: center;
     min-height: var(--m-datepicker-day-size);
     padding: var(--m-space-2) var(--m-space-1);
     transition:
@@ -376,6 +526,11 @@
     color: var(--m-color-on-emphasis);
 }
 
+.m-datepicker__cell--other {
+    color: var(--m-color-text-muted);
+    opacity: 0.6;
+}
+
 .m-datepicker__cell:hover:not(.m-datepicker__cell--selected) {
     background: color-mix(
         in srgb,
@@ -392,34 +547,64 @@
 .m-datepicker__time {
     display: flex;
     gap: var(--m-space-1);
-    max-height: calc(
+    /* Fixed height so nested MScrollbar can resolve height: 100%. Time lists are
+       always longer than this, so the container is effectively always full. */
+    height: calc(
         6 * var(--m-datepicker-day-size) + 5 * var(--m-datepicker-grid-gap) +
             2.5rem
     );
     min-width: 0;
 }
 
+/* Each time column: header label on top + scrollable list below. */
 .m-datepicker__time-col {
     display: flex;
     flex-direction: column;
-    gap: 0.125rem;
-    max-height: 100%;
+    height: 100%;
     min-width: 2.5rem;
-    overflow-y: auto;
+}
+
+.m-datepicker__time-header {
+    color: var(--m-color-text);
+    flex: 0 0 auto;
+    font-size: var(--m-datepicker-font-size);
+    line-height: 1;
+    padding: var(--m-space-1) 0 var(--m-space-2);
+    text-align: center;
+}
+
+/* Scrollable list region below the header. */
+.m-datepicker__time-scroll {
+    flex: 1 1 auto;
+    min-height: 0;
+}
+
+.m-datepicker__time-scroll .m-datepicker__time-col-wrap {
+    height: 100%;
     overscroll-behavior: contain;
 }
 
+.m-datepicker__time-scroll .m-datepicker__time-col-view {
+    display: flex;
+    flex-direction: column;
+    gap: 0.125rem;
+    min-width: 100%;
+}
+
 .m-datepicker__time-item {
+    align-items: center;
     background: transparent;
     border: 0;
     border-radius: var(--m-radius-sm);
     color: var(--m-color-text);
     cursor: pointer;
+    display: inline-flex;
     flex: 0 0 auto;
     font-family: var(--m-font-sans);
+    font-size: var(--m-datepicker-font-size);
     font-variant-numeric: tabular-nums;
     height: var(--m-datepicker-day-size);
-    line-height: var(--m-datepicker-day-size);
+    justify-content: center;
     padding: 0;
     text-align: center;
     width: 100%;
@@ -443,11 +628,26 @@
     outline: none;
 }
 
-/* Time-only panel: stack columns without calendar */
+/* Time-only panel: stack columns without calendar; use a compact width
+   derived from time columns instead of the wider 7-day calendar grid. */
+.m-datepicker__panel--time-only {
+    --m-datepicker-panel-min-width: calc(
+        3 * 4rem + 2 * var(--m-space-1) + 2 * var(--m-space-3)
+    );
+}
+
 .m-datepicker__panel--time-only .m-datepicker__body {
     flex-direction: row;
+    width: 100%;
 }
 
 .m-datepicker__panel--time-only .m-datepicker__time {
-    max-height: 14rem;
+    flex: 1 1 auto;
+    height: 14rem;
+    width: 100%;
+}
+
+.m-datepicker__panel--time-only .m-datepicker__time-col {
+    flex: 1 1 0;
+    min-width: 0;
 }

package/dist/components/DatePicker/types.d.ts

@@ -5,8 +5,8 @@ import { MSizeInput } from '../../shared/types';
 import { MotionPresetId } from '../../theme/motionPresets';
 export type DatePickerType = 'date' | 'daterange' | 'datetime' | 'datetimerange' | 'time' | 'month' | 'year';
 export type DatePickerDateValue = string | Date;
-export type DatePickerValue = DatePickerDateValue | [DatePickerDateValue, DatePickerDateValue] | null;
-export type DatePickerModel = string | [string, string] | null;
+export type DatePickerValue = DatePickerDateValue | [DatePickerDateValue, DatePickerDateValue] | DatePickerDateValue[] | null;
+export type DatePickerModel = string | [string, string] | string[] | null;
 export interface DatePickerShortcut {
     label: string;
     value: DatePickerDateValue | [DatePickerDateValue, DatePickerDateValue] | (() => DatePickerDateValue | [DatePickerDateValue, DatePickerDateValue]);
@@ -19,6 +19,8 @@ export interface DatePickerProps extends MNativeDateInputProps {
     id?: string;
     disabled?: boolean;
     invalid?: boolean;
+    /** Visual status. `'warning'` highlights the field without implying a hard error. */
+    status?: 'default' | 'warning' | 'error';
     fluid?: boolean;
     size?: MSizeInput;
     minDate?: DatePickerDateValue | null;
@@ -37,6 +39,22 @@ export interface DatePickerProps extends MNativeDateInputProps {
     showSeconds?: boolean;
     clearable?: boolean;
     shortcuts?: DatePickerShortcut[];
+    /**
+     * Show OK / Cancel buttons and defer commit until confirmed.
+     * Recommended for `datetime` / `datetimerange` / `time` so users can finish picking time.
+     */
+    needConfirm?: boolean;
+    /**
+     * Allow picking multiple dates (only valid for `type='date'`).
+     * `modelValue` becomes `string[]` (`YYYY-MM-DD` items) and the panel stays open after each pick.
+     */
+    multiple?: boolean;
+    /**
+     * Make the input editable with a soft mask that auto-inserts `-` / `/` / `:` separators
+     * matching the display `format`. Enter commits; Escape or blur reverts.
+     * Only applies to `date` / `datetime` / `time` types.
+     */
+    mask?: boolean;
     /** Teleport overlay. Defaults to `true`. */
     teleport?: boolean;
     /** Teleport target. Defaults to `'body'` (or ConfigProvider `appendTo`). */

package/dist/components/DatePicker/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAA;AAC5E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAChE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE/D,MAAM,MAAM,cAAc,GACtB,MAAM,GACN,WAAW,GACX,UAAU,GACV,eAAe,GACf,MAAM,GACN,OAAO,GACP,MAAM,CAAA;AACV,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,IAAI,CAAA;AAC/C,MAAM,MAAM,eAAe,GACvB,mBAAmB,GACnB,CAAC,mBAAmB,EAAE,mBAAmB,CAAC,GAC1C,IAAI,CAAA;AACR,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,CAAA;AAE9D,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EACD,mBAAmB,GACnB,CAAC,mBAAmB,EAAE,mBAAmB,CAAC,GAC1C,CAAC,MAAM,mBAAmB,GAAG,CAAC,mBAAmB,EAAE,mBAAmB,CAAC,CAAC,CAAA;CAC7E;AAED,MAAM,WAAW,eAAgB,SAAQ,qBAAqB;IAC5D,UAAU,CAAC,EAAE,eAAe,CAAA;IAC5B,IAAI,CAAC,EAAE,cAAc,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6EAA6E;IAC7E,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,OAAO,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAA;IACpC,OAAO,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAA;IACpC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,yEAAyE;IACzE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,kGAAkG;IAClG,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,kBAAkB,EAAE,CAAA;IAChC,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,sDAAsD;IACtD,EAAE,CAAC,EAAE,gBAAgB,CAAA;IACrB,wEAAwE;IACxE,UAAU,CAAC,EAAE,cAAc,GAAG,KAAK,CAAA;CACpC;AAED,MAAM,WAAW,eAAe;IAC9B,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,eAAe,GAAG,IAAI,CAAA;IAC1D,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAA;IACtB,oBAAoB;IACpB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,oBAAoB;IACpB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,0FAA0F;IAC1F,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,eAAe,GAAG,IAAI,CAAA;CAChD"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/types.ts"],"names":[],"mappings":"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"}

package/dist/components/OrderList/OrderList.vue.d.ts

@@ -1,22 +1,28 @@
-import { OrderListProps } from './types';
+import { OrderListProps, OrderListReorderPayload } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-declare var __VLS_22: {
+declare var __VLS_44: {
     item: unknown;
     index: number;
-}, __VLS_24: {};
+    selected: boolean;
+    dragging: boolean;
+}, __VLS_46: {};
 type __VLS_Slots = {} & {
-    item?: (props: typeof __VLS_22) => any;
+    item?: (props: typeof __VLS_44) => any;
 } & {
-    empty?: (props: typeof __VLS_24) => any;
+    empty?: (props: typeof __VLS_46) => any;
 };
 declare const __VLS_base: DefineComponent<OrderListProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "update:modelValue": (value: unknown[]) => any;
-    reorder: (value: unknown[]) => any;
+    "update:selection": (value: number | null) => any;
+    reorder: (payload: OrderListReorderPayload) => any;
 }, string, PublicProps, Readonly<OrderListProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: unknown[]) => any) | undefined;
-    onReorder?: ((value: unknown[]) => any) | undefined;
+    "onUpdate:selection"?: ((value: number | null) => any) | undefined;
+    onReorder?: ((payload: OrderListReorderPayload) => any) | undefined;
 }>, {
     modelValue: unknown[];
+    disabled: boolean;
+    selection: number | null;
     dataKey: string;
     dragdrop: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

package/dist/components/OrderList/OrderList.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OrderList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/OrderList/OrderList.vue"],"names":[],"mappings":";AAiOA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AA6W7C,QAAA,IAAI,QAAQ;;;CAAW,EAAE,QAAQ,IAAY,CAAE;AAC/C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC1C;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAO9C,QAAA,MAAM,UAAU;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"OrderList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/OrderList/OrderList.vue"],"names":[],"mappings":";AAoXA,OAAO,KAAK,EAAE,cAAc,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAA;AA8iBtE,QAAA,IAA8C,QAAQ;;;;;CAAW,EAAE,QAAQ,IAAY,CAAE;AACzF,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC1C;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAQ9C,QAAA,MAAM,UAAU;;;;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}