@uzum-tech/ui 1.5.4 → 1.5.5

package/lib/badge/src/styles/index.cssr.js

@@ -34,13 +34,14 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.c)('@keyframes badge-wave-spread', {
   transformOrigin: 'left bottom',
   originalTransform: 'translateX(0)'
 })])]), (0, cssr_1.cM)('dot', [(0, cssr_1.cB)('badge-sup', `
- height: 8px;
- width: 8px;
+ height: var(--u-dot-size);
+ width: var(--u-dot-size);
+ justify-content: center;
+ overflow: hidden;
  padding: 0;
- min-width: 8px;
  left: 100%;
  bottom: calc(100% - 4px);
- `, [(0, cssr_1.c)('::before', 'border-radius: 4px;')])]), (0, cssr_1.cB)('badge-sup', `
+ `, [(0, cssr_1.c)('::before', 'border-radius: 4px;'), (0, cssr_1.c)('img', 'width: 100%')])]), (0, cssr_1.cB)('badge-sup', `
  background: var(--u-color);
  transition:
  background-color .3s var(--u-bezier),
@@ -91,8 +92,6 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.c)('@keyframes badge-wave-spread', {
  border-radius: 100px;
  `), (0, cssr_1.cM)('dot', [(0, cssr_1.cB)('badge-sup', `
  transform: none;
- width: 12px;
- height: 12px;
  transform: none;
  left: auto;
  right: 0;

package/lib/badge/styles/light.d.ts

@@ -15,6 +15,7 @@ export declare const self: (vars: ThemeCommonVars) => {
     textColorError: string;
     textColorWarning: string;
     borderColor: string;
+    dotSize: string;
 };
 export type BadgeThemeVars = ReturnType<typeof self>;
 declare const badgeLight: Theme<'Badge', BadgeThemeVars>;

package/lib/badge/styles/light.js

@@ -18,7 +18,8 @@ const self = (vars) => {
         textColorSuccess: textQuaternary,
         textColorError: textQuaternary,
         textColorWarning: textQuaternary,
-        borderColor: staticWhite
+        borderColor: staticWhite,
+        dotSize: '12px'
     };
 };
 exports.self = self;

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

@@ -47,6 +47,7 @@ export declare const datePickerProps: {
     readonly shortcuts: PropType<Shortcuts>;
     readonly defaultShortcuts: BooleanConstructor;
     readonly isDateDisabled: PropType<IsDateDisabled>;
+    readonly maxDate: PropType<number | undefined>;
     readonly isTimeDisabled: PropType<IsTimeDisabled>;
     readonly show: {
         readonly type: PropType<boolean | undefined>;
@@ -2148,6 +2149,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly shortcuts: PropType<Shortcuts>;
     readonly defaultShortcuts: BooleanConstructor;
     readonly isDateDisabled: PropType<IsDateDisabled>;
+    readonly maxDate: PropType<number | undefined>;
     readonly isTimeDisabled: PropType<IsTimeDisabled>;
     readonly show: {
         readonly type: PropType<boolean | undefined>;
@@ -5448,6 +5450,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly shortcuts: PropType<Shortcuts>;
     readonly defaultShortcuts: BooleanConstructor;
     readonly isDateDisabled: PropType<IsDateDisabled>;
+    readonly maxDate: PropType<number | undefined>;
     readonly isTimeDisabled: PropType<IsTimeDisabled>;
     readonly show: {
         readonly type: PropType<boolean | undefined>;

package/lib/date-picker/src/DatePicker.js

@@ -36,7 +36,7 @@ exports.datePickerProps = Object.assign(Object.assign({}, _mixins_1.useTheme.pro
     }, value: [Number, Array], formattedValue: [String, Array], size: String, type: {
         type: String,
         default: 'date'
-    }, valueFormat: String, separator: String, placeholder: String, startPlaceholder: String, endPlaceholder: String, format: String, dateFormat: String, timeFormat: String, actions: Array, shortcuts: Object, defaultShortcuts: Boolean, isDateDisabled: Function, isTimeDisabled: Function, show: {
+    }, valueFormat: String, separator: String, placeholder: String, startPlaceholder: String, endPlaceholder: String, format: String, dateFormat: String, timeFormat: String, actions: Array, shortcuts: Object, defaultShortcuts: Boolean, isDateDisabled: Function, maxDate: Number, isTimeDisabled: Function, show: {
         type: Boolean,
         default: undefined
     }, panel: Boolean, ranges: Object, firstDayOfWeek: Number, inputReadonly: Boolean, closeOnSelect: Boolean, status: String, timePickerProps: [Object, Array], onClear: Function, onConfirm: Function, defaultCalendarStartTime: Number, defaultCalendarEndTime: Number, bindCalendarMonths: Boolean, 'onUpdate:show': [Function, Array], onUpdateShow: [Function, Array], 'onUpdate:formattedValue': [Function, Array], onUpdateFormattedValue: [Function, Array], 'onUpdate:value': [Function, Array], onUpdateValue: [Function, Array], onFocus: [Function, Array], onBlur: [Function, Array], 
@@ -570,7 +570,7 @@ exports.default = (0, vue_1.defineComponent)({
         const dualValidation = (0, validation_utils_1.dualCalendarValidation)(props, pendingValueRef);
         (0, vue_1.provide)(interface_1.datePickerInjectionKey, Object.assign(Object.assign(Object.assign({ mergedClsPrefixRef, mergedThemeRef: themeRef, timePickerSizeRef,
             localeRef,
-            dateLocaleRef, firstDayOfWeekRef: (0, vue_1.toRef)(props, 'firstDayOfWeek'), isDateDisabledRef: (0, vue_1.toRef)(props, 'isDateDisabled'), rangesRef: (0, vue_1.toRef)(props, 'ranges'), timePickerPropsRef: (0, vue_1.toRef)(props, 'timePickerProps'), closeOnSelectRef: (0, vue_1.toRef)(props, 'closeOnSelect'), updateValueOnCloseRef: (0, vue_1.toRef)(props, 'updateValueOnClose') }, uniVaidation), dualValidation), { datePickerSlots: slots }));
+            dateLocaleRef, firstDayOfWeekRef: (0, vue_1.toRef)(props, 'firstDayOfWeek'), isDateDisabledRef: (0, vue_1.toRef)(props, 'isDateDisabled'), maxDateRef: (0, vue_1.toRef)(props, 'maxDate'), rangesRef: (0, vue_1.toRef)(props, 'ranges'), timePickerPropsRef: (0, vue_1.toRef)(props, 'timePickerProps'), closeOnSelectRef: (0, vue_1.toRef)(props, 'closeOnSelect'), updateValueOnCloseRef: (0, vue_1.toRef)(props, 'updateValueOnClose') }, uniVaidation), dualValidation), { datePickerSlots: slots }));
         const exposedMethods = {
             focus: () => {
                 var _a;

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

@@ -61,6 +61,7 @@ export type DatePickerInjection = {
     localeRef: Ref<ULocale['DatePicker']>;
     dateLocaleRef: Ref<UDateLocale>;
     isDateDisabledRef: Ref<IsDateDisabled | undefined>;
+    maxDateRef: Ref<number | undefined>;
     rangesRef: Ref<Record<string, [number, number]> | undefined>;
     closeOnSelectRef: Ref<boolean>;
     updateValueOnCloseRef: Ref<boolean>;

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

@@ -16,7 +16,7 @@ exports.useCalendarProps = useCalendarProps;
 // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
 function useCalendar(props, type) {
     const panelCommon = (0, use_panel_common_1.usePanelCommon)(props);
-    const { isValueInvalidRef, isDateDisabledRef, isDateInvalidRef, isTimeInvalidRef, isDateTimeInvalidRef, isHourDisabledRef, isMinuteDisabledRef, isSecondDisabledRef, localeRef, firstDayOfWeekRef, datePickerSlots
+    const { isValueInvalidRef, isDateDisabledRef, maxDateRef, isDateInvalidRef, isTimeInvalidRef, isDateTimeInvalidRef, isHourDisabledRef, isMinuteDisabledRef, isSecondDisabledRef, localeRef, firstDayOfWeekRef, datePickerSlots
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
      } = (0, vue_1.inject)(interface_1.datePickerInjectionKey);
     const validation = {
@@ -49,7 +49,7 @@ function useCalendar(props, type) {
     });
     const yearArrayRef = (0, vue_1.computed)(() => {
         const { value } = props;
-        return (0, utils_1.yearArray)(Array.isArray(value) ? null : value, nowRef.value);
+        return (0, utils_1.yearArray)(Array.isArray(value) ? null : value, nowRef.value, maxDateRef.value);
     });
     const quarterArrayRef = (0, vue_1.computed)(() => {
         const { value } = props;
@@ -95,6 +95,9 @@ function useCalendar(props, type) {
         return (0, date_fns_1.getTime)((0, date_fns_1.startOfDay)(value));
     }
     function mergedIsDateDisabled(ts) {
+        if (maxDateRef.value && ts > maxDateRef.value) {
+            return true;
+        }
         const { isDateDisabled: { value: isDateDisabled } } = validation;
         if (!isDateDisabled)
             return false;

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

@@ -16,7 +16,7 @@ exports.useDualCalendarProps = useDualCalendarProps;
 // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
 function useDualCalendar(props, type) {
     var _a, _b;
-    const { isDateDisabledRef, isStartHourDisabledRef, isEndHourDisabledRef, isStartMinuteDisabledRef, isEndMinuteDisabledRef, isStartSecondDisabledRef, isEndSecondDisabledRef, isStartDateInvalidRef, isEndDateInvalidRef, isStartTimeInvalidRef, isEndTimeInvalidRef, isStartValueInvalidRef, isEndValueInvalidRef, isRangeInvalidRef, localeRef, rangesRef, closeOnSelectRef, updateValueOnCloseRef, firstDayOfWeekRef, datePickerSlots
+    const { isDateDisabledRef, maxDateRef, isStartHourDisabledRef, isEndHourDisabledRef, isStartMinuteDisabledRef, isEndMinuteDisabledRef, isStartSecondDisabledRef, isEndSecondDisabledRef, isStartDateInvalidRef, isEndDateInvalidRef, isStartTimeInvalidRef, isEndTimeInvalidRef, isStartValueInvalidRef, isEndValueInvalidRef, isRangeInvalidRef, localeRef, rangesRef, closeOnSelectRef, updateValueOnCloseRef, firstDayOfWeekRef, datePickerSlots
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
      } = (0, vue_1.inject)(interface_1.datePickerInjectionKey);
     const validation = {
@@ -113,10 +113,10 @@ function useDualCalendar(props, type) {
         return shortcuts || rangesRef.value;
     });
     const startYearArrayRef = (0, vue_1.computed)(() => {
-        return (0, utils_1.yearArray)((0, utils_1.pluckValueFromRange)(props.value, 'start'), nowRef.value);
+        return (0, utils_1.yearArray)((0, utils_1.pluckValueFromRange)(props.value, 'start'), nowRef.value, maxDateRef.value);
     });
     const endYearArrayRef = (0, vue_1.computed)(() => {
-        return (0, utils_1.yearArray)((0, utils_1.pluckValueFromRange)(props.value, 'end'), nowRef.value);
+        return (0, utils_1.yearArray)((0, utils_1.pluckValueFromRange)(props.value, 'end'), nowRef.value, maxDateRef.value);
     });
     const startQuarterArrayRef = (0, vue_1.computed)(() => {
         const startValue = (0, utils_1.pluckValueFromRange)(props.value, 'start');
@@ -213,6 +213,9 @@ function useDualCalendar(props, type) {
     }
     // The function is used on date panel, not the date-picker value validation
     function mergedIsDateDisabled(ts) {
+        if (maxDateRef.value && ts > maxDateRef.value) {
+            return true;
+        }
         const isDateDisabled = isDateDisabledRef.value;
         if (!isDateDisabled)
             return false;

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

@@ -53,7 +53,7 @@ export type DateCommonItem = DateItem | MonthItem | YearItem | QuarterItem;
 declare function dateArray(monthTs: number, valueTs: number | [number, number] | null, currentTs: number, startDay: 0 | 1 | 2 | 3 | 4 | 5 | 6, strip?: boolean): DateItem[];
 declare function monthArray(yearAnchorTs: number, valueTs: number | null, currentTs: number): MonthItem[];
 declare function quarterArray(yearAnchorTs: number, valueTs: number | null, currentTs: number): QuarterItem[];
-declare function yearArray(valueTs: number | null, currentTs: number): YearItem[];
+declare function yearArray(valueTs: number | null, currentTs: number, maxDate?: number): YearItem[];
 declare function strictParse(string: string, pattern: string, backup: Date, option: {
     locale: UDateLocale['locale'];
 }): Date;

package/lib/date-picker/src/utils.js

@@ -164,10 +164,11 @@ function quarterArray(yearAnchorTs, valueTs, currentTs) {
     }
     return calendarQuarters;
 }
-function yearArray(valueTs, currentTs) {
+function yearArray(valueTs, currentTs, maxDate) {
     const calendarYears = [];
     const time1900 = new Date(config_1.START_YEAR, 0, 1);
-    let count = config_1.END_YEAR - config_1.START_YEAR + 1;
+    const endYear = maxDate ? new Date(maxDate).getFullYear() : config_1.END_YEAR;
+    let count = endYear - config_1.START_YEAR + 1;
     while (count--) {
         calendarYears.push(yearItem((0, date_fns_1.getTime)((0, date_fns_1.addYears)(time1900, count)), valueTs, currentTs));
     }

package/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "1.5.4";
+declare const _default: "1.5.5";
 export default _default;

package/lib/version.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uzum-tech/ui",
-  "version": "1.5.4",
+  "version": "1.5.5",
   "description": "A Vue 3 Component Library. Fairly Complete, Theme Customizable, Uses TypeScript, Fast",
   "main": "lib/index.js",
   "module": "es/index.js",

package/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
   "name": "@uzum-tech/ui",
-  "version": "1.5.4",
+  "version": "1.5.5",
   "js-types-syntax": "typescript",
   "contributions": {
     "html": {
@@ -977,6 +977,11 @@
                 "since": "1.1.0"
               }
             },
+            {
+              "name": "dot-size",
+              "doc-url": "https://www.naiveui.com/en-US/os-theme/components/badge",
+              "type": "string | number"
+            },
             {
               "name": "offset",
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/badge",
@@ -3966,6 +3971,11 @@
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/date-picker",
               "type": "Function"
             },
+            {
+              "name": "max-date",
+              "doc-url": "https://www.naiveui.com/en-US/os-theme/components/date-picker",
+              "type": "number"
+            },
             {
               "name": "is-time-disabled",
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/date-picker",