@uzum-tech/ui 1.1.4 → 1.2.0

package/lib/date-picker/src/panel/panelHeader.js

@@ -21,14 +21,21 @@ exports.default = (0, vue_1.defineComponent)({
             type: String,
             required: true
         },
-        onUpdateValue: {
-            type: Function,
-            required: true
-        }
+        isMonth: {
+            type: Boolean,
+            value: false
+        },
+        isYear: {
+            type: Boolean,
+            value: false
+        },
+        onUpdateValue: Function,
+        onUpdateMonth: Function,
+        onUpdateYear: Function
     },
-    setup() {
-        const monthPanelIsActive = (0, vue_1.ref)(false);
-        const yearPanelIsActive = (0, vue_1.ref)(false);
+    setup(props) {
+        const monthPanelIsActive = (0, vue_1.ref)(props.isMonth);
+        const yearPanelIsActive = (0, vue_1.ref)(props.isYear);
         function onUpdateMonthPanelIsActive(value) {
             monthPanelIsActive.value = value;
             if (value)
@@ -36,20 +43,37 @@ exports.default = (0, vue_1.defineComponent)({
         }
         function onUpdateYearPanelIsActive(value) {
             yearPanelIsActive.value = value;
-            if (value)
+            if (value && !props.isMonth)
                 monthPanelIsActive.value = false;
         }
+        function handleUpdateMonth(value, doUpdate, item) {
+            var _a, _b;
+            (_a = props.onUpdateMonth) === null || _a === void 0 ? void 0 : _a.call(props, value, doUpdate, item);
+            (_b = props.onUpdateValue) === null || _b === void 0 ? void 0 : _b.call(props, value, doUpdate, item);
+        }
+        function handleUpdateYear(value, doUpdate, item) {
+            var _a, _b;
+            (_a = props.onUpdateYear) === null || _a === void 0 ? void 0 : _a.call(props, value, doUpdate, item);
+            (_b = props.onUpdateValue) === null || _b === void 0 ? void 0 : _b.call(props, value, doUpdate, item);
+        }
         return {
             monthPanelIsActive,
             yearPanelIsActive,
             onUpdateMonthPanelIsActive,
-            onUpdateYearPanelIsActive
+            onUpdateYearPanelIsActive,
+            handleUpdateMonth,
+            handleUpdateYear
         };
     },
     render() {
-        const { mergedClsPrefix } = this;
-        return ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-month` },
-            (0, vue_1.h)(panelMonth_1.default, { panelActive: this.monthPanelIsActive, value: this.value, mergedClsPrefix: mergedClsPrefix, calendarMonth: this.calendarMonth, calendarYear: this.calendarYear, onUpdatePanelActive: this.onUpdateMonthPanelIsActive, onUpdateValue: this.onUpdateValue }),
-            (0, vue_1.h)(panelYear_1.default, { panelActive: this.yearPanelIsActive, value: this.value, mergedClsPrefix: mergedClsPrefix, calendarMonth: this.calendarMonth, calendarYear: this.calendarYear, onUpdatePanelActive: this.onUpdateYearPanelIsActive, onUpdateValue: this.onUpdateValue })));
+        const { mergedClsPrefix, isYear } = this;
+        return ((0, vue_1.h)("div", { class: [
+                `${mergedClsPrefix}-date-panel-month`,
+                {
+                    [`${mergedClsPrefix}-date-panel-month--justify-end`]: isYear
+                }
+            ] },
+            isYear ? null : ((0, vue_1.h)(panelMonth_1.default, { panelActive: this.monthPanelIsActive, value: this.value, mergedClsPrefix: mergedClsPrefix, calendarMonth: this.calendarMonth, calendarYear: this.calendarYear, disabled: this.isMonth, onUpdatePanelActive: this.onUpdateMonthPanelIsActive, onUpdateValue: this.handleUpdateMonth })),
+            (0, vue_1.h)(panelYear_1.default, { panelActive: this.yearPanelIsActive, value: this.value, mergedClsPrefix: mergedClsPrefix, calendarMonth: this.calendarMonth, calendarYear: this.calendarYear, disabled: this.isYear, onUpdatePanelActive: this.onUpdateYearPanelIsActive, onUpdateValue: this.handleUpdateYear })));
     }
 });

package/lib/date-picker/src/panel/panelMonth.d.ts

@@ -1,4 +1,6 @@
 import { type PropType } from 'vue';
+import { OnPanelUpdateValue, PanelValue } from '../interface';
+import { DateCommonItem } from '../utils';
 declare const _default: import("vue").DefineComponent<{
     panelActive: BooleanConstructor;
     mergedClsPrefix: {
@@ -14,8 +16,9 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
+    disabled: BooleanConstructor;
     onUpdateValue: {
-        type: PropType<(value: number) => void>;
+        type: PropType<OnPanelUpdateValue>;
         required: true;
     };
     onUpdatePanelActive: PropType<(value: boolean) => void>;
@@ -30,6 +33,7 @@ declare const _default: import("vue").DefineComponent<{
             actions?: string[] | undefined;
             panel?: boolean | undefined;
             useAsQuickJump?: boolean | undefined;
+            readonly type?: import("../config").DatePickerType | undefined;
             key?: string | number | symbol | undefined;
             style?: unknown;
             class?: unknown;
@@ -80,7 +84,7 @@ declare const _default: import("vue").DefineComponent<{
             readonly onTabOut?: Function | undefined;
             readonly onClose?: import("../interface").OnClose | undefined;
             readonly onClear?: Function | undefined;
-            readonly onUpdateValue: import("../interface").OnPanelUpdateValue;
+            readonly onUpdateValue: OnPanelUpdateValue;
             readonly onConfirm?: ((value: import("../interface").Value | null) => void) | undefined;
             readonly timeFormat?: string | undefined;
             readonly shortcuts?: import("../interface").Shortcuts | undefined;
@@ -107,6 +111,7 @@ declare const _default: import("vue").DefineComponent<{
             };
             active: BooleanConstructor;
             dateFormat: StringConstructor;
+            type: PropType<import("../config").DatePickerType>;
             timeFormat: {
                 readonly type: StringConstructor;
                 readonly value: "HH:mm:ss";
@@ -122,7 +127,7 @@ declare const _default: import("vue").DefineComponent<{
             onClose: PropType<import("../interface").OnClose>;
             onTabOut: FunctionConstructor;
             onUpdateValue: {
-                readonly type: PropType<import("../interface").OnPanelUpdateValue>;
+                readonly type: PropType<OnPanelUpdateValue>;
                 readonly required: true;
             };
             themeClass: StringConstructor;
@@ -132,7 +137,7 @@ declare const _default: import("vue").DefineComponent<{
             renderItem: (item: import("../utils").MonthItem, i: number, mergedClsPrefix: string) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>;
-            handleDateClick: (dateItem: import("../utils").DateItem | import("../utils").MonthItem | import("../utils").YearItem | import("../utils").QuarterItem) => void;
+            handleDateClick: (dateItem: DateCommonItem) => void;
             handleDateInputBlur: () => void;
             handleDateInput: (value: string) => void;
             handleTimePickerChange: (value: number | null) => void;
@@ -1350,6 +1355,7 @@ declare const _default: import("vue").DefineComponent<{
         };
         active: BooleanConstructor;
         dateFormat: StringConstructor;
+        type: PropType<import("../config").DatePickerType>;
         timeFormat: {
             readonly type: StringConstructor;
             readonly value: "HH:mm:ss";
@@ -1365,7 +1371,7 @@ declare const _default: import("vue").DefineComponent<{
         onClose: PropType<import("../interface").OnClose>;
         onTabOut: FunctionConstructor;
         onUpdateValue: {
-            readonly type: PropType<import("../interface").OnPanelUpdateValue>;
+            readonly type: PropType<OnPanelUpdateValue>;
             readonly required: true;
         };
         themeClass: StringConstructor;
@@ -1375,7 +1381,7 @@ declare const _default: import("vue").DefineComponent<{
         renderItem: (item: import("../utils").MonthItem, i: number, mergedClsPrefix: string) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
             [key: string]: any;
         }>;
-        handleDateClick: (dateItem: import("../utils").DateItem | import("../utils").MonthItem | import("../utils").YearItem | import("../utils").QuarterItem) => void;
+        handleDateClick: (dateItem: DateCommonItem) => void;
         handleDateInputBlur: () => void;
         handleDateInput: (value: string) => void;
         handleTimePickerChange: (value: number | null) => void;
@@ -2561,7 +2567,7 @@ declare const _default: import("vue").DefineComponent<{
         handleSingleShortcutClick: (shortcut: number | [number, number] | (() => number) | readonly [number, number] | (() => [number, number] | readonly [number, number])) => void;
     }> & {} & import("vue").ComponentCustomProperties & {}) | null>;
     handleHeaderClick: () => void;
-    handleUpdateValue: (value: number) => void;
+    handleUpdateValue: (value: PanelValue, doUpdate: boolean, item?: DateCommonItem) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     panelActive: BooleanConstructor;
     mergedClsPrefix: {
@@ -2577,12 +2583,14 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
+    disabled: BooleanConstructor;
     onUpdateValue: {
-        type: PropType<(value: number) => void>;
+        type: PropType<OnPanelUpdateValue>;
         required: true;
     };
     onUpdatePanelActive: PropType<(value: boolean) => void>;
 }>>, {
+    disabled: boolean;
     panelActive: boolean;
 }, {}>;
 export default _default;

package/lib/date-picker/src/panel/panelMonth.js

@@ -23,6 +23,7 @@ exports.default = (0, vue_1.defineComponent)({
             type: String,
             required: true
         },
+        disabled: Boolean,
         onUpdateValue: {
             type: Function,
             required: true
@@ -39,10 +40,12 @@ exports.default = (0, vue_1.defineComponent)({
             }
         });
         function handleHeaderClick() {
+            if (props.disabled)
+                return;
             showRef.value = !showRef.value;
         }
-        function handleUpdateValue(value) {
-            props.onUpdateValue(value);
+        function handleUpdateValue(value, doUpdate, item) {
+            props.onUpdateValue(value, doUpdate, item);
             handleHeaderClick();
         }
         return {
@@ -53,11 +56,12 @@ exports.default = (0, vue_1.defineComponent)({
         };
     },
     render() {
-        const { mergedClsPrefix } = this;
+        const { mergedClsPrefix, disabled } = this;
         return ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-month__month-year` },
             (0, vue_1.h)("div", { class: [
                     `${mergedClsPrefix}-date-panel-month__text`,
-                    this.show && `${mergedClsPrefix}-date-panel-month__text--active`
+                    this.show && `${mergedClsPrefix}-date-panel-month__text--active`,
+                    disabled && `${mergedClsPrefix}-date-panel-month__text--disabled`
                 ], onClick: this.handleHeaderClick },
                 this.calendarMonth,
                 (0, vue_1.h)(_internal_1.UBaseIcon, { class: `${mergedClsPrefix}-date-panel-month__icon`, clsPrefix: mergedClsPrefix }, {

package/lib/date-picker/src/panel/panelMonthContent.d.ts

@@ -14,6 +14,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     active: BooleanConstructor;
     dateFormat: StringConstructor;
+    type: import("vue").PropType<import("../config").DatePickerType>;
     timeFormat: {
         readonly type: StringConstructor;
         readonly value: "HH:mm:ss";
@@ -37,7 +38,7 @@ declare const _default: import("vue").DefineComponent<{
     panel: BooleanConstructor;
 }, {
     renderItem: (item: MonthItem, i: number, mergedClsPrefix: string) => VNode;
-    handleDateClick: (dateItem: import("../utils").DateItem | MonthItem | import("../utils").YearItem | import("../utils").QuarterItem) => void;
+    handleDateClick: (dateItem: import("../utils").DateCommonItem) => void;
     handleDateInputBlur: () => void;
     handleDateInput: (value: string) => void;
     handleTimePickerChange: (value: number | null) => void;
@@ -1235,6 +1236,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     active: BooleanConstructor;
     dateFormat: StringConstructor;
+    type: import("vue").PropType<import("../config").DatePickerType>;
     timeFormat: {
         readonly type: StringConstructor;
         readonly value: "HH:mm:ss";

package/lib/date-picker/src/panel/panelMonthContent.js

@@ -32,7 +32,7 @@ exports.default = (0, vue_1.defineComponent)({
                     useAsQuickJump
                         ? handleQuickMonthClick(item, (value) => {
                             ;
-                            props.onUpdateValue(value, false);
+                            props.onUpdateValue(value, false, item);
                         })
                         : handleDateClick(item);
                 } }, getRenderContent(item)));
@@ -51,10 +51,7 @@ exports.default = (0, vue_1.defineComponent)({
                 this.themeClass
             ], onFocus: this.handlePanelFocus, onKeydown: this.handlePanelKeyDown },
             (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-month-calendar` }, {
-                default: () => [
-                    this.monthArray.map((item, i) => renderItem(item, i, mergedClsPrefix)),
-                    (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-month-calendar__padding` })
-                ]
+                default: () => this.monthArray.map((item, i) => renderItem(item, i, mergedClsPrefix))
             }),
             (0, vue_1.h)(_internal_1.UBaseFocusDetector, { onFocus: this.handleFocusDetectorFocus })));
     }

package/lib/date-picker/src/panel/panelYear.d.ts

@@ -1,4 +1,6 @@
 import { type PropType } from 'vue';
+import { OnPanelUpdateValue, PanelValue } from '../interface';
+import { DateCommonItem } from '../utils';
 declare const _default: import("vue").DefineComponent<{
     panelActive: BooleanConstructor;
     mergedClsPrefix: {
@@ -14,8 +16,9 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
+    disabled: BooleanConstructor;
     onUpdateValue: {
-        type: PropType<(value: number) => void>;
+        type: PropType<OnPanelUpdateValue>;
         required: true;
     };
     onUpdatePanelActive: PropType<(value: boolean) => void>;
@@ -30,6 +33,7 @@ declare const _default: import("vue").DefineComponent<{
             actions?: string[] | undefined;
             panel?: boolean | undefined;
             useAsQuickJump?: boolean | undefined;
+            readonly type?: import("../config").DatePickerType | undefined;
             key?: string | number | symbol | undefined;
             style?: unknown;
             class?: unknown;
@@ -80,7 +84,7 @@ declare const _default: import("vue").DefineComponent<{
             readonly onTabOut?: Function | undefined;
             readonly onClose?: import("../interface").OnClose | undefined;
             readonly onClear?: Function | undefined;
-            readonly onUpdateValue: import("../interface").OnPanelUpdateValue;
+            readonly onUpdateValue: OnPanelUpdateValue;
             readonly onConfirm?: ((value: import("../interface").Value | null) => void) | undefined;
             readonly timeFormat?: string | undefined;
             readonly shortcuts?: import("../interface").Shortcuts | undefined;
@@ -107,6 +111,7 @@ declare const _default: import("vue").DefineComponent<{
             };
             active: BooleanConstructor;
             dateFormat: StringConstructor;
+            type: PropType<import("../config").DatePickerType>;
             timeFormat: {
                 readonly type: StringConstructor;
                 readonly value: "HH:mm:ss";
@@ -122,7 +127,7 @@ declare const _default: import("vue").DefineComponent<{
             onClose: PropType<import("../interface").OnClose>;
             onTabOut: FunctionConstructor;
             onUpdateValue: {
-                readonly type: PropType<import("../interface").OnPanelUpdateValue>;
+                readonly type: PropType<OnPanelUpdateValue>;
                 readonly required: true;
             };
             themeClass: StringConstructor;
@@ -132,7 +137,7 @@ declare const _default: import("vue").DefineComponent<{
             renderItem: (item: import("../utils").YearItem, i: number, mergedClsPrefix: string) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>;
-            handleDateClick: (dateItem: import("../utils").DateItem | import("../utils").MonthItem | import("../utils").YearItem | import("../utils").QuarterItem) => void;
+            handleDateClick: (dateItem: DateCommonItem) => void;
             handleDateInputBlur: () => void;
             handleDateInput: (value: string) => void;
             handleTimePickerChange: (value: number | null) => void;
@@ -1350,6 +1355,7 @@ declare const _default: import("vue").DefineComponent<{
         };
         active: BooleanConstructor;
         dateFormat: StringConstructor;
+        type: PropType<import("../config").DatePickerType>;
         timeFormat: {
             readonly type: StringConstructor;
             readonly value: "HH:mm:ss";
@@ -1365,7 +1371,7 @@ declare const _default: import("vue").DefineComponent<{
         onClose: PropType<import("../interface").OnClose>;
         onTabOut: FunctionConstructor;
         onUpdateValue: {
-            readonly type: PropType<import("../interface").OnPanelUpdateValue>;
+            readonly type: PropType<OnPanelUpdateValue>;
             readonly required: true;
         };
         themeClass: StringConstructor;
@@ -1375,7 +1381,7 @@ declare const _default: import("vue").DefineComponent<{
         renderItem: (item: import("../utils").YearItem, i: number, mergedClsPrefix: string) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
             [key: string]: any;
         }>;
-        handleDateClick: (dateItem: import("../utils").DateItem | import("../utils").MonthItem | import("../utils").YearItem | import("../utils").QuarterItem) => void;
+        handleDateClick: (dateItem: DateCommonItem) => void;
         handleDateInputBlur: () => void;
         handleDateInput: (value: string) => void;
         handleTimePickerChange: (value: number | null) => void;
@@ -2561,7 +2567,7 @@ declare const _default: import("vue").DefineComponent<{
         handleSingleShortcutClick: (shortcut: number | [number, number] | (() => number) | readonly [number, number] | (() => [number, number] | readonly [number, number])) => void;
     }> & {} & import("vue").ComponentCustomProperties & {}) | null>;
     handleHeaderClick: () => void;
-    handleUpdateValue: (value: number) => void;
+    handleUpdateValue: (value: PanelValue, doUpdate: boolean, item?: DateCommonItem) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     panelActive: BooleanConstructor;
     mergedClsPrefix: {
@@ -2577,12 +2583,14 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
+    disabled: BooleanConstructor;
     onUpdateValue: {
-        type: PropType<(value: number) => void>;
+        type: PropType<OnPanelUpdateValue>;
         required: true;
     };
     onUpdatePanelActive: PropType<(value: boolean) => void>;
 }>>, {
+    disabled: boolean;
     panelActive: boolean;
 }, {}>;
 export default _default;

package/lib/date-picker/src/panel/panelYear.js

@@ -23,6 +23,7 @@ exports.default = (0, vue_1.defineComponent)({
             type: String,
             required: true
         },
+        disabled: Boolean,
         onUpdateValue: {
             type: Function,
             required: true
@@ -39,10 +40,12 @@ exports.default = (0, vue_1.defineComponent)({
             }
         });
         function handleHeaderClick() {
+            if (props.disabled)
+                return;
             showRef.value = !showRef.value;
         }
-        function handleUpdateValue(value) {
-            props.onUpdateValue(value);
+        function handleUpdateValue(value, doUpdate, item) {
+            props.onUpdateValue(value, doUpdate, item);
             handleHeaderClick();
         }
         return {
@@ -53,11 +56,12 @@ exports.default = (0, vue_1.defineComponent)({
         };
     },
     render() {
-        const { mergedClsPrefix } = this;
+        const { mergedClsPrefix, disabled } = this;
         return ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-month__month-year`, ref: "triggerRef" },
             (0, vue_1.h)("div", { class: [
                     `${mergedClsPrefix}-date-panel-month__text`,
-                    this.show && `${mergedClsPrefix}-date-panel-month__text--active`
+                    this.show && `${mergedClsPrefix}-date-panel-month__text--active`,
+                    disabled && `${mergedClsPrefix}-date-panel-month__text--disabled`
                 ], onClick: this.handleHeaderClick },
                 this.calendarYear,
                 (0, vue_1.h)(_internal_1.UBaseIcon, { class: `${mergedClsPrefix}-date-panel-month__icon`, clsPrefix: mergedClsPrefix }, {

package/lib/date-picker/src/panel/panelYearContent.d.ts

@@ -14,6 +14,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     active: BooleanConstructor;
     dateFormat: StringConstructor;
+    type: import("vue").PropType<import("../config").DatePickerType>;
     timeFormat: {
         readonly type: StringConstructor;
         readonly value: "HH:mm:ss";
@@ -37,7 +38,7 @@ declare const _default: import("vue").DefineComponent<{
     panel: BooleanConstructor;
 }, {
     renderItem: (item: YearItem, i: number, mergedClsPrefix: string) => VNode;
-    handleDateClick: (dateItem: import("../utils").DateItem | import("../utils").MonthItem | YearItem | import("../utils").QuarterItem) => void;
+    handleDateClick: (dateItem: import("../utils").DateCommonItem) => void;
     handleDateInputBlur: () => void;
     handleDateInput: (value: string) => void;
     handleTimePickerChange: (value: number | null) => void;
@@ -1247,6 +1248,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     active: BooleanConstructor;
     dateFormat: StringConstructor;
+    type: import("vue").PropType<import("../config").DatePickerType>;
     timeFormat: {
         readonly type: StringConstructor;
         readonly value: "HH:mm:ss";

package/lib/date-picker/src/panel/panelYearContent.js

@@ -29,7 +29,7 @@ exports.default = (0, vue_1.defineComponent)({
                     useAsQuickJump
                         ? handleQuickMonthClick(item, (value) => {
                             ;
-                            props.onUpdateValue(value, false);
+                            props.onUpdateValue(value, false, item);
                         })
                         : handleDateClick(item);
                 } }, getRenderContent(item)));
@@ -45,6 +45,7 @@ exports.default = (0, vue_1.defineComponent)({
         return ((0, vue_1.h)("div", { ref: "selfRef", tabindex: 0, class: [
                 `${mergedClsPrefix}-date-panel`,
                 `${mergedClsPrefix}-date-panel--month`,
+                `${mergedClsPrefix}-date-panel--year`,
                 this.themeClass
             ], onFocus: this.handlePanelFocus, onKeydown: this.handlePanelKeyDown },
             (0, vue_1.h)(_internal_1.UScrollbar, { ref: "yearScrollbarRef", theme: mergedTheme.peers.Scrollbar, themeOverrides: mergedTheme.peerOverrides.Scrollbar, horizontalRailStyle: { zIndex: 1 }, verticalRailStyle: { zIndex: 1 } }, {

package/lib/date-picker/src/panel/use-calendar.d.ts

@@ -2,7 +2,7 @@ import { type ExtractPropTypes, type PropType } from 'vue';
 import type { VirtualListInst } from 'vueuc';
 import type { ScrollbarInst } from '../../../_internal';
 import type { Shortcuts } from '../interface';
-import type { DateItem, MonthItem, YearItem, QuarterItem } from '../utils';
+import type { MonthItem, YearItem, QuarterItem, DateCommonItem } from '../utils';
 declare const useCalendarProps: {
     readonly actions: {
         readonly type: PropType<string[]>;
@@ -10,6 +10,7 @@ declare const useCalendarProps: {
     };
     readonly active: BooleanConstructor;
     readonly dateFormat: StringConstructor;
+    readonly type: PropType<import("../config").DatePickerType>;
     readonly timeFormat: {
         readonly type: StringConstructor;
         readonly value: "HH:mm:ss";
@@ -33,7 +34,7 @@ declare const useCalendarProps: {
     readonly panel: BooleanConstructor;
 };
 declare function useCalendar(props: ExtractPropTypes<typeof useCalendarProps>, type: 'date' | 'datetime' | 'month' | 'year' | 'quarter'): {
-    handleDateClick: (dateItem: DateItem | MonthItem | YearItem | QuarterItem) => void;
+    handleDateClick: (dateItem: DateCommonItem) => void;
     handleDateInputBlur: () => void;
     handleDateInput: (value: string) => void;
     handleTimePickerChange: (value: number | null) => void;
@@ -1201,7 +1202,7 @@ declare function useCalendar(props: ExtractPropTypes<typeof useCalendarProps>, t
     isHourDisabled: import("vue").ComputedRef<import("../../../time-picker/src/interface").IsHourDisabled | undefined>;
     isMinuteDisabled: import("vue").ComputedRef<import("../../../time-picker/src/interface").IsMinuteDisabled | undefined>;
     isSecondDisabled: import("vue").ComputedRef<import("../../../time-picker/src/interface").IsSecondDisabled | undefined>;
-    dateArray: import("vue").ComputedRef<DateItem[]>;
+    dateArray: import("vue").ComputedRef<import("../utils").DateItem[]>;
     monthArray: import("vue").ComputedRef<MonthItem[]>;
     yearArray: import("vue").ComputedRef<YearItem[]>;
     quarterArray: import("vue").ComputedRef<QuarterItem[]>;

package/lib/date-picker/src/panel/use-dual-calendar.d.ts

@@ -13,6 +13,7 @@ declare const useDualCalendarProps: {
     };
     readonly active: BooleanConstructor;
     readonly dateFormat: StringConstructor;
+    readonly type: import("vue").PropType<import("../config").DatePickerType>;
     readonly timeFormat: {
         readonly type: StringConstructor;
         readonly value: "HH:mm:ss";

package/lib/date-picker/src/panel/use-panel-common.d.ts

@@ -1,8 +1,10 @@
 import { type PropType, type ExtractPropTypes } from 'vue';
 import { type Value, type OnPanelUpdateValue, type OnClose, type Shortcuts, type DefaultTime } from '../interface';
+import { DatePickerType } from '../config';
 declare const usePanelCommonProps: {
     readonly active: BooleanConstructor;
     readonly dateFormat: StringConstructor;
+    readonly type: PropType<DatePickerType>;
     readonly timeFormat: {
         readonly type: StringConstructor;
         readonly value: "HH:mm:ss";

package/lib/date-picker/src/panel/use-panel-common.js

@@ -8,6 +8,7 @@ const TIME_FORMAT = 'HH:mm:ss';
 const usePanelCommonProps = {
     active: Boolean,
     dateFormat: String,
+    type: String,
     timeFormat: {
         type: String,
         value: TIME_FORMAT

package/lib/date-picker/src/styles/index.cssr.js

@@ -173,6 +173,8 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('date-picker', `
   margin: 0,
   padding: '15px 16px',
   boxSizing: 'border-box'
+}), (0, cssr_1.cM)('year', {
+  zIndex: '2'
 }), (0, cssr_1.cB)('date-panel-footer', {
   gridArea: 'footer'
 }), (0, cssr_1.cB)('date-panel-actions', {
@@ -195,21 +197,20 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('date-picker', `
   zIndex: 1
 })]), (0, cssr_1.c)('~ .u-date-panel-calendar', {
   paddingTop: '16px'
-})]), (0, cssr_1.cB)('date-panel-month', {
+})]), (0, cssr_1.cB)('date-panel-placeholder', {
+  width: '266px',
+  height: '250px'
+}), (0, cssr_1.cB)('date-panel-month', {
   boxSizing: 'border-box',
   display: 'flex',
   alignItems: 'center',
   justifyContent: 'space-between',
   padding: 'var(--u-calendar-title-padding)',
   height: 'var(--u-calendar-title-height)'
-}, [(0, cssr_1.cE)('icon', `
+}, [(0, cssr_1.cM)('justify-end', {
+  justifyContent: 'end'
+}), (0, cssr_1.cE)('icon', `
  font-size: var(--u-arrow-size);
- `), (0, cssr_1.cE)('prev, next, fast-prev, fast-next', `
- line-height: 0;
- cursor: pointer;
- width: var(--u-arrow-size);
- height: var(--u-arrow-size);
- color: var(--u-arrow-color);
  `), (0, cssr_1.cE)('month-year', {
   userSelect: 'none',
   '-webkit-user-select': 'none'
@@ -222,10 +223,11 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('date-picker', `
  padding: 6px 8px;
  text-align: center;
  color: var(--u-calendar-title-text-color);
- cursor: pointer;
  transition: .3s var(--u-bezier);
  border-radius: var(--u-panel-border-radius);
- `, [(0, cssr_1.c)('.u-icon', {
+ `, [(0, cssr_1.cNotM)('disabled', {
+  cursor: 'pointer'
+}), (0, cssr_1.c)('.u-icon', {
   width: '24px',
   transition: 'transform .3s var(--u-bezier)'
 }), (0, cssr_1.cM)('active', `

package/lib/date-picker/src/utils.d.ts

@@ -45,6 +45,7 @@ export interface QuarterItem {
     selected: boolean;
     ts: number;
 }
+export type DateCommonItem = DateItem | MonthItem | YearItem | QuarterItem;
 /**
  * Given time to display calendar, given the selected time, given current time,
  * return the date array of display time's month.

package/lib/grid/src/Grid.js

@@ -82,7 +82,7 @@ exports.default = (0, vue_1.defineComponent)({
             }
             return undefined;
         });
-        // for SSR, fix bug https://github.com/tusen-ai/naive-ui/issues/2462
+        // for SSR, fix bug https://github.com/tusen-ai/uzum-ui/issues/2462
         const isSsrRef = (0, vue_1.ref)(false);
         const contentElRef = (0, vue_1.ref)();
         (0, vue_1.onMounted)(() => {

package/lib/index.d.ts

@@ -10,3 +10,4 @@ export { darkTheme, lightTheme, createTheme } from './themes';
 export { c, cE, cM, cB, cNotM } from './_utils/cssr';
 export { default as version } from './version';
 export { UThemeEditor } from './theme-editor';
+export * from './_resolvers/auto-import/auto-import-resolver';

package/lib/index.js

@@ -47,3 +47,4 @@ var version_1 = require("./version");
 Object.defineProperty(exports, "version", { enumerable: true, get: function () { return __importDefault(version_1).default; } });
 var theme_editor_1 = require("./theme-editor");
 Object.defineProperty(exports, "UThemeEditor", { enumerable: true, get: function () { return theme_editor_1.UThemeEditor; } });
+__exportStar(require("./_resolvers/auto-import/auto-import-resolver"), exports);

package/lib/preset.d.ts

@@ -1,3 +1,3 @@
-declare const naive: import("./create").UUiInstance;
-export default naive;
+declare const uzumUi: import("./create").UUiInstance;
+export default uzumUi;
 export declare const install: (app: import("vue").App<any>) => void;

package/lib/preset.js

@@ -29,8 +29,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.install = void 0;
 const components = __importStar(require("./components"));
 const create_1 = __importDefault(require("./create"));
-const naive = (0, create_1.default)({
+const uzumUi = (0, create_1.default)({
     components: Object.keys(components).map((key) => components[key])
 });
-exports.default = naive;
-exports.install = naive.install;
+exports.default = uzumUi;
+exports.install = uzumUi.install;

package/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "1.1.4";
+declare const _default: "1.2.0";
 export default _default;

package/lib/version.js

@@ -1,3 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = '1.1.4';
+exports.default = '1.2.0';