naive-ui 2.21.5 → 2.23.2

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

@@ -13,95 +13,95 @@ Object.defineProperty(exports, "__esModule", {
 const cssr_1 = require("../../../_utils/cssr");
 
 const fade_in_scale_up_cssr_1 = __importDefault(require("../../../_styles/transitions/fade-in-scale-up.cssr")); // vars:
-// --bezier
-// --icon-color
-// --icon-color-disabled
-// --panel-border-radius
-// --panel-color
-// --panel-box-shadow
-// --panel-text-color
+// --n-bezier
+// --n-icon-color
+// --n-icon-color-disabled
+// --n-panel-border-radius
+// --n-panel-color
+// --n-panel-box-shadow
+// --n-panel-text-color
 // panel header
-// --panel-header-padding
-// --panel-header-divider-color
+// --n-panel-header-padding
+// --n-panel-header-divider-color
 // panel calendar
-// --calendar-left-padding
-// --calendar-right-padding
-// --calendar-title-height
-// --calendar-title-padding
-// --calendar-title-font-size
-// --calendar-title-text-color
-// --calendar-title-font-weight
-// --calendar-title-grid-template-columns
-// --calendar-days-height
-// --calendar-days-divider-color
-// --calendar-days-font-size
-// --calendar-days-text-color
-// --calendar-divider-color
+// --n-calendar-left-padding
+// --n-calendar-right-padding
+// --n-calendar-title-height
+// --n-calendar-title-padding
+// --n-calendar-title-font-size
+// --n-calendar-title-text-color
+// --n-calendar-title-font-weight
+// --n-calendar-title-grid-template-columns
+// --n-calendar-days-height
+// --n-calendar-days-divider-color
+// --n-calendar-days-font-size
+// --n-calendar-days-text-color
+// --n-calendar-divider-color
 // panel action
-// --panel-action-padding
-// --panel-action-divider-color
+// --n-panel-action-padding
+// --n-panel-action-divider-color
 // panel item
-// --item-border-radius
-// --item-size
-// --item-cell-width
-// --item-cell-height
-// --item-text-color
-// --item-color-included
-// --item-color-disabled
-// --item-color-hover
-// --item-color-active
-// --item-font-size
-// --item-text-color-disabled
-// --item-text-color-active
+// --n-item-border-radius
+// --n-item-size
+// --n-item-cell-width
+// --n-item-cell-height
+// --n-item-text-color
+// --n-item-color-included
+// --n-item-color-disabled
+// --n-item-color-hover
+// --n-item-color-active
+// --n-item-font-size
+// --n-item-text-color-disabled
+// --n-item-text-color-active
 // scroll item
-// --scroll-item-width
-// --scroll-item-height
-// --scroll-item-border-radius
+// --n-scroll-item-width
+// --n-scroll-item-height
+// --n-scroll-item-border-radius
 // panel arrow
-// --arrow-size
-// --arrow-color
+// --n-arrow-size
+// --n-arrow-color
 
 
 exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('date-picker', `
  position: relative;
  z-index: auto;
  `, [(0, cssr_1.cB)('date-picker-icon', `
- color: var(--icon-color);
- transition: color .3s var(--bezier);
+ color: var(--n-icon-color);
+ transition: color .3s var(--n-bezier);
  `), (0, cssr_1.cM)('disabled', [(0, cssr_1.cB)('date-picker-icon', `
- color: var(--icon-color-disabled);
+ color: var(--n-icon-color-disabled);
  `)])]), (0, cssr_1.cB)('date-panel', `
  outline: none;
  margin: 4px 0;
  display: grid;
  grid-template-columns: 0fr;
- border-radius: var(--panel-border-radius);
- background-color: var(--panel-color);
- box-shadow: var(--panel-box-shadow);
- color: var(--panel-text-color);
+ border-radius: var(--n-panel-border-radius);
+ background-color: var(--n-panel-color);
+ box-shadow: var(--n-panel-box-shadow);
+ color: var(--n-panel-text-color);
  `, [(0, fade_in_scale_up_cssr_1.default)(), (0, cssr_1.cB)('date-panel-calendar', {
-  padding: 'var(--calendar-left-padding)',
+  padding: 'var(--n-calendar-left-padding)',
   display: 'grid',
   gridTemplateColumns: '1fr',
   gridArea: 'left-calendar'
 }, [(0, cssr_1.cM)('end', {
-  padding: 'var(--calendar-right-padding)',
+  padding: 'var(--n-calendar-right-padding)',
   gridArea: 'right-calendar'
 })]), (0, cssr_1.cB)('date-panel-month-calendar', {
   display: 'flex',
   gridArea: 'left-calendar'
 }, [(0, cssr_1.cE)('picker-col', `
- min-width: var(--scroll-item-width);
- height: calc(var(--scroll-item-height) * 6);
+ min-width: var(--n-scroll-item-width);
+ height: calc(var(--n-scroll-item-height) * 6);
  user-select: none;
  `, [(0, cssr_1.c)('&:first-child', `
- min-width: calc(var(--scroll-item-width) + 4px);
+ min-width: calc(var(--n-scroll-item-width) + 4px);
  `, [(0, cssr_1.cE)('picker-col-item', [(0, cssr_1.c)('&::before', 'left: 4px;')])]), (0, cssr_1.cE)('padding', `
- height: calc(var(--scroll-item-height) * 5)
+ height: calc(var(--n-scroll-item-height) * 5)
  `)]), (0, cssr_1.cE)('picker-col-item', `
  z-index: 0;
  cursor: pointer;
- height: var(--scroll-item-height);
+ height: var(--n-scroll-item-height);
  box-sizing: border-box;
  padding-top: 4px;
  display: flex;
@@ -109,10 +109,10 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('date-picker', `
  justify-content: center;
  position: relative;
  transition: 
- color .3s var(--bezier),
- background-color .3s var(--bezier);
+ color .3s var(--n-bezier),
+ background-color .3s var(--n-bezier);
  background: #0000;
- color: var(--item-text-color);
+ color: var(--n-item-text-color);
  `, [(0, cssr_1.c)('&::before', `
  z-index: -1;
  content: "";
@@ -121,15 +121,15 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('date-picker', `
  right: 4px;
  top: 4px;
  bottom: 0;
- border-radius: var(--scroll-item-border-radius);
+ border-radius: var(--n-scroll-item-border-radius);
  transition: 
- background-color .3s var(--bezier);
+ background-color .3s var(--n-bezier);
  `), (0, cssr_1.cNotM)('disabled', [(0, cssr_1.c)('&:hover::before', `
- background-color: var(--item-color-hover);
+ background-color: var(--n-item-color-hover);
  `), (0, cssr_1.cM)('selected', `
- color: var(--item-color-active);
- `, [(0, cssr_1.c)('&::before', 'background-color: var(--item-color-hover);')])]), (0, cssr_1.cM)('disabled', `
- background-color: var(--item-color-disabled);
+ color: var(--n-item-color-active);
+ `, [(0, cssr_1.c)('&::before', 'background-color: var(--n-item-color-hover);')])]), (0, cssr_1.cM)('disabled', `
+ background-color: var(--n-item-color-disabled);
  cursor: not-allowed;
  `)])]), (0, cssr_1.cM)('date', {
   gridTemplateAreas: `
@@ -173,10 +173,10 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('date-picker', `
  box-sizing: border-box;
  width: 100%;
  align-items: center;
- padding: var(--panel-header-padding);
+ padding: var(--n-panel-header-padding);
  display: flex;
  justify-content: space-between;
- border-bottom: 1px solid var(--panel-header-divider-color);
+ border-bottom: 1px solid var(--n-panel-header-divider-color);
  `, [(0, cssr_1.c)('>', [(0, cssr_1.c)('*:not(:last-child)', {
   marginRight: '10px'
 }), (0, cssr_1.c)('*', {
@@ -187,62 +187,62 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('date-picker', `
 })])]), (0, cssr_1.cB)('date-panel-month', `
  box-sizing: border-box;
  display: grid;
- grid-template-columns: var(--calendar-title-grid-template-columns);
+ grid-template-columns: var(--n-calendar-title-grid-template-columns);
  align-items: center;
  justify-items: center;
- padding: var(--calendar-title-padding);
- height: var(--calendar-title-height);
+ padding: var(--n-calendar-title-padding);
+ height: var(--n-calendar-title-height);
  `, [(0, cssr_1.cE)('prev, next, fast-prev, fast-next', `
  line-height: 0;
  cursor: pointer;
- width: var(--arrow-size);
- height: var(--arrow-size);
- color: var(--arrow-color);
+ width: var(--n-arrow-size);
+ height: var(--n-arrow-size);
+ color: var(--n-arrow-color);
  `), (0, cssr_1.cE)('month-year', `
- font-size: var(--calendar-title-font-size);
- font-weight: var(--calendar-title-font-weight);
+ font-size: var(--n-calendar-title-font-size);
+ font-weight: var(--n-calendar-title-font-weight);
  line-height: 17px;
  flex-grow: 1;
  text-align: center;
- color: var(--calendar-title-text-color);
+ color: var(--n-calendar-title-text-color);
  `)]), (0, cssr_1.cB)('date-panel-weekdays', `
  display: grid;
  margin: auto;
- grid-template-columns: repeat(7, var(--item-cell-width));
- grid-template-rows: repeat(1, var(--item-cell-height));
+ grid-template-columns: repeat(7, var(--n-item-cell-width));
+ grid-template-rows: repeat(1, var(--n-item-cell-height));
  align-items: center;
  justify-items: center;
  margin-bottom: 4px;
- border-bottom: 1px solid var(--calendar-days-divider-color);
+ border-bottom: 1px solid var(--n-calendar-days-divider-color);
  `, [(0, cssr_1.cE)('day', `
  line-height: 15px;
- width: var(--item-size);
+ width: var(--n-item-size);
  text-align: center;
- font-size: var(--calendar-days-font-size);
- color: var(--item-text-color);
+ font-size: var(--n-calendar-days-font-size);
+ color: var(--n-item-text-color);
  `)]), (0, cssr_1.cB)('date-panel-dates', `
  margin: auto;
  display: grid;
- grid-template-columns: repeat(7, var(--item-cell-width));
- grid-template-rows: repeat(6, var(--item-cell-height));
+ grid-template-columns: repeat(7, var(--n-item-cell-width));
+ grid-template-rows: repeat(6, var(--n-item-cell-height));
  align-items: center;
  justify-items: center;
  flex-wrap: wrap;
  `, [(0, cssr_1.cB)('date-panel-date', `
  position: relative;
- width: var(--item-size);
- height: var(--item-size);
- line-height: var(--item-size);
+ width: var(--n-item-size);
+ height: var(--n-item-size);
+ line-height: var(--n-item-size);
  text-align: center;
- font-size: var(--item-font-size);
- border-radius: var(--item-border-radius);
+ font-size: var(--n-item-font-size);
+ border-radius: var(--n-item-border-radius);
  z-index: 0;
  cursor: pointer;
  transition:
- background-color .2s var(--bezier),
- color .2s var(--bezier);
+ background-color .2s var(--n-bezier),
+ color .2s var(--n-bezier);
  `, [(0, cssr_1.cNotM)('disabled', [(0, cssr_1.cNotM)('selected', [(0, cssr_1.c)('&:hover', {
-  backgroundColor: 'var(--item-color-hover)'
+  backgroundColor: 'var(--n-item-color-hover)'
 })])]), (0, cssr_1.cM)('current', [(0, cssr_1.cE)('sup', `
  position: absolute;
  top: 2px;
@@ -251,9 +251,9 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('date-picker', `
  height: 4px;
  width: 4px;
  border-radius: 2px;
- background-color: var(--item-color-active);
+ background-color: var(--n-item-color-active);
  transition:
- background-color .2s var(--bezier);
+ background-color .2s var(--n-bezier);
  `)]), (0, cssr_1.c)('&::after', `
  content: "";
  z-index: -1;
@@ -263,60 +263,60 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('date-picker', `
  top: 0;
  bottom: 0;
  border-radius: inherit;
- transition: background-color .3s var(--bezier);
+ transition: background-color .3s var(--n-bezier);
  `), (0, cssr_1.cM)('covered, start, end', [(0, cssr_1.cNotM)('excluded', [(0, cssr_1.c)('&::before', `
  content: "";
  z-index: -2;
  position: absolute;
- left: calc((var(--item-size) - var(--item-cell-width)) / 2);
- right: calc((var(--item-size) - var(--item-cell-width)) / 2);
+ left: calc((var(--n-item-size) - var(--n-item-cell-width)) / 2);
+ right: calc((var(--n-item-size) - var(--n-item-cell-width)) / 2);
  top: 0;
  bottom: 0;
- background-color: var(--item-color-included);
+ background-color: var(--n-item-color-included);
  `), (0, cssr_1.c)('&:nth-child(7n + 1)::before', {
-  borderTopLeftRadius: 'var(--item-border-radius)',
-  borderBottomLeftRadius: 'var(--item-border-radius)'
+  borderTopLeftRadius: 'var(--n-item-border-radius)',
+  borderBottomLeftRadius: 'var(--n-item-border-radius)'
 }), (0, cssr_1.c)('&:nth-child(7n + 7)::before', {
-  borderTopRightRadius: 'var(--item-border-radius)',
-  borderBottomRightRadius: 'var(--item-border-radius)'
+  borderTopRightRadius: 'var(--n-item-border-radius)',
+  borderBottomRightRadius: 'var(--n-item-border-radius)'
 })])]), (0, cssr_1.cM)('selected', {
-  color: 'var(--item-text-color-active)'
+  color: 'var(--n-item-text-color-active)'
 }, [(0, cssr_1.c)('&::after', {
-  backgroundColor: 'var(--item-color-active)'
+  backgroundColor: 'var(--n-item-color-active)'
 }), (0, cssr_1.cM)('start', [(0, cssr_1.c)('&::before', {
   left: '50%'
 })]), (0, cssr_1.cM)('end', [(0, cssr_1.c)('&::before', {
   right: '50%'
 })]), (0, cssr_1.cE)('sup', {
-  backgroundColor: 'var(--panel-color)'
+  backgroundColor: 'var(--n-panel-color)'
 })]), (0, cssr_1.cM)('excluded', {
-  color: 'var(--item-text-color-disabled)'
+  color: 'var(--n-item-text-color-disabled)'
 }, [(0, cssr_1.cM)('selected', [(0, cssr_1.c)('&::after', {
-  backgroundColor: 'var(--item-color-disabled)'
+  backgroundColor: 'var(--n-item-color-disabled)'
 })])]), (0, cssr_1.cM)('disabled', {
   cursor: 'not-allowed',
-  color: 'var(--item-text-color-disabled)'
+  color: 'var(--n-item-text-color-disabled)'
 }, [(0, cssr_1.cM)('covered', [(0, cssr_1.c)('&::before', {
-  backgroundColor: 'var(--item-color-disabled)'
+  backgroundColor: 'var(--n-item-color-disabled)'
 })]), (0, cssr_1.cM)('selected', [(0, cssr_1.c)('&::before', {
-  backgroundColor: 'var(--item-color-disabled)'
+  backgroundColor: 'var(--n-item-color-disabled)'
 }), (0, cssr_1.c)('&::after', {
-  backgroundColor: 'var(--item-color-disabled)'
+  backgroundColor: 'var(--n-item-color-disabled)'
 })])])])]), (0, cssr_1.cE)('vertical-divider', `
  grid-area: divider;
  height: 100%;
  width: 1px;
- background-color: var(--calendar-divider-color);
+ background-color: var(--n-calendar-divider-color);
  `), (0, cssr_1.cB)('date-panel-footer', {
-  borderTop: '1px solid var(--panel-action-divider-color)',
-  padding: 'var(--panel-extra-footer-padding)'
+  borderTop: '1px solid var(--n-panel-action-divider-color)',
+  padding: 'var(--n-panel-extra-footer-padding)'
 }), (0, cssr_1.cB)('date-panel-actions', `
  flex: 1;
- padding: var(--panel-action-padding);
+ padding: var(--n-panel-action-padding);
  display: flex;
  align-items: center;
  justify-content: space-between;
- border-top: 1px solid var(--panel-action-divider-color);
+ border-top: 1px solid var(--n-panel-action-divider-color);
  `, [(0, cssr_1.cE)('prefix, suffix', `
  display: flex;
  margin-bottom: -8px;

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

@@ -21,7 +21,7 @@ export interface MonthItem {
         month: number;
         year: number;
     };
-    isCurrentMonth: boolean;
+    isCurrent: boolean;
     selected: boolean;
     ts: number;
 }
@@ -30,7 +30,17 @@ export interface YearItem {
     dateObject: {
         year: number;
     };
-    isCurrentYear: boolean;
+    isCurrent: boolean;
+    selected: boolean;
+    ts: number;
+}
+export interface QuarterItem {
+    type: 'quarter';
+    dateObject: {
+        quarter: number;
+        year: number;
+    };
+    isCurrent: boolean;
     selected: boolean;
     ts: number;
 }
@@ -40,8 +50,14 @@ export interface YearItem {
  */
 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(monthTs: number, valueTs: number | [number, number] | null, currentTs: number): MonthItem[];
+declare function quarterArray(quarterTs: number, valueTs: number | [number, number] | null, currentTs: number): QuarterItem[];
 declare function yearArray(yearTs: number, valueTs: number | [number, number] | null, currentTs: number): YearItem[];
 declare function strictParse(string: string, pattern: string, backup: Date, option: {
     locale: Locale;
 }): Date;
-export { dateArray, monthArray, yearArray, strictParse, getDerivedTimeFromKeyboardEvent };
+declare function getDefaultTime(timeValue: string | undefined): {
+    hours: number;
+    minutes: number;
+    seconds: number;
+} | undefined;
+export { dateArray, monthArray, yearArray, quarterArray, strictParse, getDerivedTimeFromKeyboardEvent, getDefaultTime };

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getDerivedTimeFromKeyboardEvent = exports.strictParse = exports.yearArray = exports.monthArray = exports.dateArray = void 0;
+exports.getDefaultTime = exports.getDerivedTimeFromKeyboardEvent = exports.strictParse = exports.quarterArray = exports.yearArray = exports.monthArray = exports.dateArray = void 0;
 const date_fns_1 = require("date-fns");
 const config_1 = require("./config");
 function getDerivedTimeFromKeyboardEvent(prevValue, event) {
@@ -23,7 +23,8 @@ exports.getDerivedTimeFromKeyboardEvent = getDerivedTimeFromKeyboardEvent;
 const matcherMap = {
     date: date_fns_1.isSameDay,
     month: date_fns_1.isSameMonth,
-    year: date_fns_1.isSameYear
+    year: date_fns_1.isSameYear,
+    quarter: date_fns_1.isSameQuarter
 };
 function matchDate(sourceTime, patternTime, type = 'date') {
     const matcher = matcherMap[type];
@@ -70,7 +71,7 @@ function monthItem(monthTs, valueTs, currentTs) {
             month: (0, date_fns_1.getMonth)(monthTs),
             year: (0, date_fns_1.getYear)(monthTs)
         },
-        isCurrentMonth: (0, date_fns_1.isSameMonth)(currentTs, monthTs),
+        isCurrent: (0, date_fns_1.isSameMonth)(currentTs, monthTs),
         selected: valueTs !== null && matchDate(valueTs, monthTs, 'month'),
         ts: (0, date_fns_1.getTime)(monthTs)
     };
@@ -81,11 +82,23 @@ function yearItem(yearTs, valueTs, currentTs) {
         dateObject: {
             year: (0, date_fns_1.getYear)(yearTs)
         },
-        isCurrentYear: (0, date_fns_1.isSameYear)(currentTs, yearTs),
+        isCurrent: (0, date_fns_1.isSameYear)(currentTs, yearTs),
         selected: valueTs !== null && matchDate(valueTs, yearTs, 'year'),
         ts: (0, date_fns_1.getTime)(yearTs)
     };
 }
+function quarterItem(quarterTs, valueTs, currentTs) {
+    return {
+        type: 'quarter',
+        dateObject: {
+            quarter: (0, date_fns_1.getQuarter)(quarterTs),
+            year: (0, date_fns_1.getYear)(quarterTs)
+        },
+        isCurrent: (0, date_fns_1.isSameQuarter)(currentTs, quarterTs),
+        selected: valueTs !== null && matchDate(valueTs, quarterTs, 'quarter'),
+        ts: (0, date_fns_1.getTime)(quarterTs)
+    };
+}
 /**
  * Given time to display calendar, given the selected time, given current time,
  * return the date array of display time's month.
@@ -131,6 +144,15 @@ function monthArray(monthTs, valueTs, currentTs) {
     return calendarMonths;
 }
 exports.monthArray = monthArray;
+function quarterArray(quarterTs, valueTs, currentTs) {
+    const calendarQuarters = [];
+    const yearStart = (0, date_fns_1.startOfYear)(quarterTs);
+    for (let i = 0; i < 4; i++) {
+        calendarQuarters.push(quarterItem((0, date_fns_1.getTime)((0, date_fns_1.addQuarters)(yearStart, i)), valueTs, currentTs));
+    }
+    return calendarQuarters;
+}
+exports.quarterArray = quarterArray;
 function yearArray(yearTs, valueTs, currentTs) {
     const calendarYears = [];
     const time1900 = new Date(config_1.START_YEAR, 0, 1);
@@ -153,3 +175,18 @@ function strictParse(string, pattern, backup, option) {
         return new Date(NaN);
 }
 exports.strictParse = strictParse;
+function getDefaultTime(timeValue) {
+    if (timeValue === undefined) {
+        return undefined;
+    }
+    if (typeof timeValue === 'number') {
+        return timeValue;
+    }
+    const [hour, minute, second] = timeValue.split(':');
+    return {
+        hours: Number(hour),
+        minutes: Number(minute),
+        seconds: Number(second)
+    };
+}
+exports.getDefaultTime = getDefaultTime;

package/lib/date-picker/styles/_common.d.ts

@@ -18,11 +18,13 @@ declare const _default: {
     calendarLeftPaddingDatetimerange: string;
     calendarLeftPaddingMonth: string;
     calendarLeftPaddingYear: string;
+    calendarLeftPaddingQuarter: string;
     calendarRightPaddingDate: string;
     calendarRightPaddingDatetime: string;
     calendarRightPaddingDaterange: string;
     calendarRightPaddingDatetimerange: string;
     calendarRightPaddingMonth: string;
     calendarRightPaddingYear: string;
+    calendarRightPaddingQuarter: string;
 };
 export default _default;

package/lib/date-picker/styles/_common.js

@@ -21,10 +21,12 @@ exports.default = {
     calendarLeftPaddingDatetimerange: '4px 12px',
     calendarLeftPaddingMonth: '0',
     calendarLeftPaddingYear: '0',
+    calendarLeftPaddingQuarter: '0',
     calendarRightPaddingDate: '6px 12px 4px 12px',
     calendarRightPaddingDatetime: '4px 12px',
     calendarRightPaddingDaterange: '6px 12px 4px 12px',
     calendarRightPaddingDatetimerange: '4px 12px',
     calendarRightPaddingMonth: '0',
-    calendarRightPaddingYear: '0'
+    calendarRightPaddingYear: '0',
+    calendarRightPaddingQuarter: '0'
 };

package/lib/date-picker/styles/light.d.ts

@@ -46,12 +46,14 @@ export declare const self: (vars: ThemeCommonVars) => {
     calendarLeftPaddingDatetimerange: string;
     calendarLeftPaddingMonth: string;
     calendarLeftPaddingYear: string;
+    calendarLeftPaddingQuarter: string;
     calendarRightPaddingDate: string;
     calendarRightPaddingDatetime: string;
     calendarRightPaddingDaterange: string;
     calendarRightPaddingDatetimerange: string;
     calendarRightPaddingMonth: string;
     calendarRightPaddingYear: string;
+    calendarRightPaddingQuarter: string;
 };
 export declare type DatePickerThemeVars = ReturnType<typeof self>;
 declare const datePickerLight: import("../../_mixins").Theme<"DatePicker", {
@@ -101,12 +103,14 @@ declare const datePickerLight: import("../../_mixins").Theme<"DatePicker", {
     calendarLeftPaddingDatetimerange: string;
     calendarLeftPaddingMonth: string;
     calendarLeftPaddingYear: string;
+    calendarLeftPaddingQuarter: string;
     calendarRightPaddingDate: string;
     calendarRightPaddingDatetime: string;
     calendarRightPaddingDaterange: string;
     calendarRightPaddingDatetimerange: string;
     calendarRightPaddingMonth: string;
     calendarRightPaddingYear: string;
+    calendarRightPaddingQuarter: string;
 }, {
     Input: import("../../_mixins").Theme<"Input", {
         countTextColor: string;

package/lib/descriptions/src/Descriptions.d.ts

@@ -243,24 +243,24 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     mergedClsPrefix: import("vue").ComputedRef<string>;
     cssVars: import("vue").ComputedRef<{
-        '--th-padding': string;
-        '--td-padding': string;
-        '--font-size': string;
-        '--bezier': string;
-        '--th-font-weight': string;
-        '--line-height': string;
-        '--th-text-color': string;
-        '--td-text-color': string;
-        '--th-color': string;
-        '--th-color-modal': string;
-        '--th-color-popover': string;
-        '--td-color': string;
-        '--td-color-modal': string;
-        '--td-color-popover': string;
-        '--border-radius': string;
-        '--border-color': string;
-        '--border-color-modal': string;
-        '--border-color-popover': string;
+        '--n-th-padding': string;
+        '--n-td-padding': string;
+        '--n-font-size': string;
+        '--n-bezier': string;
+        '--n-th-font-weight': string;
+        '--n-line-height': string;
+        '--n-th-text-color': string;
+        '--n-td-text-color': string;
+        '--n-th-color': string;
+        '--n-th-color-modal': string;
+        '--n-th-color-popover': string;
+        '--n-td-color': string;
+        '--n-td-color-modal': string;
+        '--n-td-color-popover': string;
+        '--n-border-radius': string;
+        '--n-border-color': string;
+        '--n-border-color-modal': string;
+        '--n-border-color-popover': string;
     }>;
     compitableColumn: import("vue").ComputedRef<number>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{