naive-ui 2.21.5 → 2.23.2

package/lib/layout/src/styles/layout-sider.cssr.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 
 const cssr_1 = require("../../../_utils/cssr"); // vars:
-// --bezier
-// --color
-// --text-color
-// --border-color
-// --toggle-button-color
-// --toggle-bar-color
-// --toggle-bar-color-hover
+// --n-bezier
+// --n-color
+// --n-text-color
+// --n-border-color
+// --n-toggle-button-color
+// --n-toggle-bar-color
+// --n-toggle-bar-color-hover
 
 
 exports.default = (0, cssr_1.cB)('layout-sider', `
@@ -19,22 +19,22 @@ exports.default = (0, cssr_1.cB)('layout-sider', `
  box-sizing: border-box;
  position: relative;
  z-index: 1;
- color: var(--text-color);
+ color: var(--n-text-color);
  transition:
- color .3s var(--bezier),
- border-color .3s var(--bezier),
- min-width .3s var(--bezier),
- max-width .3s var(--bezier),
- transform .3s var(--bezier),
- background-color .3s var(--bezier);
- background-color: var(--color);
+ color .3s var(--n-bezier),
+ border-color .3s var(--n-bezier),
+ min-width .3s var(--n-bezier),
+ max-width .3s var(--n-bezier),
+ transform .3s var(--n-bezier),
+ background-color .3s var(--n-bezier);
+ background-color: var(--n-color);
  display: flex;
  justify-content: flex-end;
 `, [(0, cssr_1.cM)('right-placement', `
  justify-content: flex-start;
  `, [(0, cssr_1.cM)('bordered', `
  border-right: none;
- border-left: 1px solid var(--border-color);
+ border-left: 1px solid var(--n-border-color);
  `), (0, cssr_1.cM)('collapsed', [(0, cssr_1.cB)('layout-toggle-button', [(0, cssr_1.cB)('base-icon', `
  transform: rotate(180deg);
  `)]), (0, cssr_1.cB)('layout-toggle-bar', [(0, cssr_1.c)('&:hover', [(0, cssr_1.cE)('top', {
@@ -61,11 +61,11 @@ exports.default = (0, cssr_1.cB)('layout-sider', `
  transform: rotate(0);
  `)])]), (0, cssr_1.cB)('layout-toggle-button', `
  transition:
- color .3s var(--bezier),
- right .3s var(--bezier),
- left .3s var(--bezier),
- border-color .3s var(--bezier),
- background-color .3s var(--bezier);
+ color .3s var(--n-bezier),
+ right .3s var(--n-bezier),
+ left .3s var(--n-bezier),
+ border-color .3s var(--n-bezier),
+ background-color .3s var(--n-bezier);
  cursor: pointer;
  width: 24px;
  height: 24px;
@@ -77,13 +77,13 @@ exports.default = (0, cssr_1.cB)('layout-sider', `
  align-items: center;
  justify-content: center;
  font-size: 18px;
- color: var(--toggle-button-icon-color);
- border: var(--toggle-button-border);
- background-color: var(--toggle-button-color);
+ color: var(--n-toggle-button-icon-color);
+ border: var(--n-toggle-button-border);
+ background-color: var(--n-toggle-button-color);
  box-shadow: 0 2px 4px 0px rgba(0, 0, 0, .06);
  transform: translateX(50%) translateY(-50%);
  `, [(0, cssr_1.cB)('base-icon', `
- transition: transform .3s var(--bezier);
+ transition: transform .3s var(--n-bezier);
  transform: rotate(180deg);
  `)]), (0, cssr_1.cB)('layout-toggle-bar', `
  cursor: pointer;
@@ -99,8 +99,8 @@ exports.default = (0, cssr_1.cB)('layout-sider', `
  height: 38px;
  left: 14px;
  transition: 
- background-color .3s var(--bezier),
- transform .3s var(--bezier);
+ background-color .3s var(--n-bezier),
+ transform .3s var(--n-bezier);
  `), (0, cssr_1.cE)('bottom', `
  position: absolute;
  top: 34px;
@@ -109,23 +109,23 @@ exports.default = (0, cssr_1.cB)('layout-sider', `
 }), (0, cssr_1.cE)('bottom', {
   transform: 'rotate(-12deg) scale(1.15) translateY(2px)'
 })]), (0, cssr_1.cE)('top, bottom', {
-  backgroundColor: 'var(--toggle-bar-color)'
+  backgroundColor: 'var(--n-toggle-bar-color)'
 }), (0, cssr_1.c)('&:hover', [(0, cssr_1.cE)('top, bottom', {
-  backgroundColor: 'var(--toggle-bar-color-hover)'
+  backgroundColor: 'var(--n-toggle-bar-color-hover)'
 })])]), (0, cssr_1.cE)('border', `
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 1px;
- transition: background-color .3s var(--bezier);
+ transition: background-color .3s var(--n-bezier);
  `), (0, cssr_1.cB)('layout-sider-scroll-container', `
  flex-grow: 1;
  flex-shrink: 0;
  box-sizing: border-box;
  height: 100%;
  opacity: 0;
- transition: opacity .3s var(--bezier);
+ transition: opacity .3s var(--n-bezier);
  max-width: 100%;
  `), (0, cssr_1.cM)('show-content', [(0, cssr_1.cB)('layout-sider-scroll-container', {
   opacity: 1
@@ -135,5 +135,5 @@ exports.default = (0, cssr_1.cB)('layout-sider', `
  top: 0;
  bottom: 0;
  `), (0, cssr_1.cM)('bordered', `
- border-right: 1px solid var(--border-color);
+ border-right: 1px solid var(--n-border-color);
  `)]);

package/lib/layout/src/styles/layout.cssr.js

@@ -5,23 +5,23 @@ Object.defineProperty(exports, "__esModule", {
 });
 
 const cssr_1 = require("../../../_utils/cssr"); // vars:
-// --bezier
-// --color
-// --text-color
+// --n-bezier
+// --n-color
+// --n-text-color
 
 
 exports.default = (0, cssr_1.cB)('layout', `
- color: var(--text-color);
- background-color: var(--color);
+ color: var(--n-text-color);
+ background-color: var(--n-color);
  box-sizing: border-box;
  position: relative;
  z-index: auto;
  flex: auto;
  overflow: hidden;
  transition:
- box-shadow .3s var(--bezier),
- background-color .3s var(--bezier),
- color .3s var(--bezier);
+ box-shadow .3s var(--n-bezier),
+ background-color .3s var(--n-bezier),
+ color .3s var(--n-bezier);
 `, [(0, cssr_1.cB)('layout-scroll-container', `
  overflow-x: hidden;
  box-sizing: border-box;

package/lib/list/src/List.d.ts

@@ -93,16 +93,16 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     mergedClsPrefix: import("vue").ComputedRef<string>;
     cssVars: import("vue").ComputedRef<{
-        '--font-size': string;
-        '--bezier': string;
-        '--text-color': string;
-        '--color': string;
-        '--border-radius': string;
-        '--border-color': string;
-        '--border-color-modal': string;
-        '--border-color-popover': string;
-        '--color-modal': string;
-        '--color-popover': string;
+        '--n-font-size': string;
+        '--n-bezier': string;
+        '--n-text-color': string;
+        '--n-color': string;
+        '--n-border-radius': string;
+        '--n-border-color': string;
+        '--n-border-color-modal': string;
+        '--n-border-color-popover': string;
+        '--n-color-modal': string;
+        '--n-color-popover': string;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     size?: unknown;

package/lib/list/src/List.js

@@ -30,16 +30,16 @@ exports.default = (0, vue_1.defineComponent)({
             cssVars: (0, vue_1.computed)(() => {
                 const { common: { cubicBezierEaseInOut }, self: { fontSize, textColor, color, colorModal, colorPopover, borderColor, borderColorModal, borderColorPopover, borderRadius } } = themeRef.value;
                 return {
-                    '--font-size': fontSize,
-                    '--bezier': cubicBezierEaseInOut,
-                    '--text-color': textColor,
-                    '--color': color,
-                    '--border-radius': borderRadius,
-                    '--border-color': borderColor,
-                    '--border-color-modal': borderColorModal,
-                    '--border-color-popover': borderColorPopover,
-                    '--color-modal': colorModal,
-                    '--color-popover': colorPopover
+                    '--n-font-size': fontSize,
+                    '--n-bezier': cubicBezierEaseInOut,
+                    '--n-text-color': textColor,
+                    '--n-color': color,
+                    '--n-border-radius': borderRadius,
+                    '--n-border-color': borderColor,
+                    '--n-border-color-modal': borderColorModal,
+                    '--n-border-color-popover': borderColorPopover,
+                    '--n-color-modal': colorModal,
+                    '--n-color-popover': colorPopover
                 };
             })
         };

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

@@ -5,54 +5,54 @@ Object.defineProperty(exports, "__esModule", {
 });
 
 const cssr_1 = require("../../../_utils/cssr"); // vars:
-// --font-size
-// --bezier
-// --text-color
-// --color
-// --border-radius
-// --border-color
-// --border-color-modal
-// --border-color-popover
-// --color-modal
-// --color-popover
+// --n-font-size
+// --n-bezier
+// --n-text-color
+// --n-color
+// --n-border-radius
+// --n-border-color
+// --n-border-color-modal
+// --n-border-color-popover
+// --n-color-modal
+// --n-color-popover
 
 
 exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('list', `
- --merged-border-color: var(--border-color);
- --merged-color: var(--color)
- font-size: var(--font-size);
+ --n-merged-border-color: var(--n-border-color);
+ --n-merged-color: var(--n-color)
+ font-size: var(--n-font-size);
  transition:
- background-color .3s var(--bezier),
- color .3s var(--bezier),
- border-color .3s var(--bezier);
+ background-color .3s var(--n-bezier),
+ color .3s var(--n-bezier),
+ border-color .3s var(--n-bezier);
  padding: 0;
  list-style-type: none;
- color: var(--text-color);
- background-color: var(--merged-color);
+ color: var(--n-text-color);
+ background-color: var(--n-merged-color);
  `, [(0, cssr_1.cM)('bordered', `
- border-radius: var(--border-radius);
- border: 1px solid var(--merged-border-color);
+ border-radius: var(--n-border-radius);
+ border: 1px solid var(--n-merged-border-color);
  `, [(0, cssr_1.cB)('list-item', `
  padding: 12px 20px;
  `, [(0, cssr_1.c)('&:not(:last-child)', `
- border-bottom: 1px solid var(--merged-border-color);
+ border-bottom: 1px solid var(--n-merged-border-color);
  `)]), (0, cssr_1.cE)('header, footer', `
  padding: 12px 20px;
  `, [(0, cssr_1.c)('&:not(:last-child)', `
- border-bottom: 1px solid var(--merged-border-color);
+ border-bottom: 1px solid var(--n-merged-border-color);
  `)])]), (0, cssr_1.cE)('header, footer', `
  padding: 12px 0;
  box-sizing: border-box;
- transition: border-color .3s var(--bezier);
+ transition: border-color .3s var(--n-bezier);
  `, [(0, cssr_1.c)('&:not(:last-child)', `
- border-bottom: 1px solid var(--merged-border-color);
+ border-bottom: 1px solid var(--n-merged-border-color);
  `)]), (0, cssr_1.cB)('list-item', `
  padding: 12px 0; 
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
- transition: border-color .3s var(--bezier);
+ transition: border-color .3s var(--n-bezier);
  `, [(0, cssr_1.cE)('prefix', `
  margin-right: 20px;
  flex: 0;
@@ -62,11 +62,11 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('list', `
  `), (0, cssr_1.cE)('main', `
  flex: 1;
  `), (0, cssr_1.c)('&:not(:last-child)', `
- border-bottom: 1px solid var(--merged-border-color);
+ border-bottom: 1px solid var(--n-merged-border-color);
  `)])]), (0, cssr_1.insideModal)((0, cssr_1.cB)('list', `
- --merged-color: var(--color-modal);
- --merged-border-color: var(--border-color-modal);
+ --merged-color: var(--n-color-modal);
+ --merged-border-color: var(--n-border-color-modal);
  `)), (0, cssr_1.insidePopover)((0, cssr_1.cB)('list', `
- --merged-color: var(--color-popover);
- --merged-border-color: var(--border-color-popover);
+ --merged-color: var(--n-color-popover);
+ --merged-border-color: var(--n-border-color-popover);
  `))]);

package/lib/loading-bar/src/LoadingBar.d.ts

@@ -13,9 +13,9 @@ declare const _default: import("vue").DefineComponent<{}, {
     handleAfterLeave: () => Promise<void>;
     mergedLoadingBarStyle: import("vue").ComputedRef<string | import("vue").CSSProperties | undefined>;
     cssVars: import("vue").ComputedRef<{
-        '--height': string;
-        '--color-loading': string;
-        '--color-error': string;
+        '--n-height': string;
+        '--n-color-loading': string;
+        '--n-color-error': string;
     }>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{} & {} & {}>, {}>;
 export default _default;

package/lib/loading-bar/src/LoadingBar.js

@@ -133,9 +133,9 @@ exports.default = (0, vue_1.defineComponent)({
             cssVars: (0, vue_1.computed)(() => {
                 const { self: { height, colorError, colorLoading } } = themeRef.value;
                 return {
-                    '--height': height,
-                    '--color-loading': colorLoading,
-                    '--color-error': colorError
+                    '--n-height': height,
+                    '--n-color-loading': colorLoading,
+                    '--n-color-error': colorError
                 };
             })
         };

package/lib/loading-bar/src/styles/index.cssr.js

@@ -13,9 +13,9 @@ Object.defineProperty(exports, "__esModule", {
 const cssr_1 = require("../../../_utils/cssr");
 
 const fade_in_cssr_1 = __importDefault(require("../../../_styles/transitions/fade-in.cssr")); // vars:
-// --height
-// --color-loading
-// --color-error
+// --n-height
+// --n-color-loading
+// --n-color-error
 
 
 exports.default = (0, cssr_1.cB)('loading-bar-container', `
@@ -33,16 +33,16 @@ exports.default = (0, cssr_1.cB)('loading-bar-container', `
  transition:
  max-width 4s linear,
  background .2s linear;
- height: var(--height);
+ height: var(--n-height);
  `, [(0, cssr_1.cM)('starting', `
- background: var(--color-loading);
+ background: var(--n-color-loading);
  `), (0, cssr_1.cM)('finishing', `
- background: var(--color-loading);
+ background: var(--n-color-loading);
  transition:
  max-width .2s linear,
  background .2s linear;
  `), (0, cssr_1.cM)('error', `
- background: var(--color-error);
+ background: var(--n-color-error);
  transition:
  max-width .2s linear,
  background .2s linear;

package/lib/locales/common/deDE.js

@@ -28,6 +28,7 @@ const deDE = {
         monthTypeFormat: 'MM-yyyy',
         dateFormat: 'dd-MM-yyyy',
         dateTimeFormat: 'dd-MM-yyyy HH:mm:ss',
+        quarterFormat: 'yyyy-qqq',
         clear: 'Löschen',
         now: 'Jetzt',
         confirm: 'Bestätigen',
@@ -38,6 +39,7 @@ const deDE = {
         monthPlaceholder: 'Monat auswählen',
         // FIXME: translation needed
         yearPlaceholder: 'Select Year',
+        quarterPlaceholder: 'Select Quarter',
         startDatePlaceholder: 'Anfangsdatum',
         endDatePlaceholder: 'Enddatum',
         startDatetimePlaceholder: 'Anfangsdatum und Uhrzeit',

package/lib/locales/common/enUS.d.ts

@@ -26,6 +26,7 @@ declare const enUS: {
         monthTypeFormat: string;
         dateFormat: string;
         dateTimeFormat: string;
+        quarterFormat: string;
         clear: string;
         now: string;
         confirm: string;
@@ -35,6 +36,7 @@ declare const enUS: {
         datetimePlaceholder: string;
         monthPlaceholder: string;
         yearPlaceholder: string;
+        quarterPlaceholder: string;
         startDatePlaceholder: string;
         endDatePlaceholder: string;
         startDatetimePlaceholder: string;

package/lib/locales/common/enUS.js

@@ -28,6 +28,7 @@ const enUS = {
         monthTypeFormat: 'yyyy-MM',
         dateFormat: 'yyyy-MM-dd',
         dateTimeFormat: 'yyyy-MM-dd HH:mm:ss',
+        quarterFormat: 'yyyy-qqq',
         clear: 'Clear',
         now: 'Now',
         confirm: 'Confirm',
@@ -37,6 +38,7 @@ const enUS = {
         datetimePlaceholder: 'Select Date and Time',
         monthPlaceholder: 'Select Month',
         yearPlaceholder: 'Select Year',
+        quarterPlaceholder: 'Select Quarter',
         startDatePlaceholder: 'Start Date',
         endDatePlaceholder: 'End Date',
         startDatetimePlaceholder: 'Start Date and Time',

package/lib/locales/common/frFR.js

@@ -17,17 +17,18 @@ const frFR = {
         loadingRequiredMessage: (label) => `Charger tous les enfants de ${label} avant de le sélectionner`
     },
     Time: {
-        dateFormat: 'dd-MM-yyyy',
-        dateTimeFormat: 'dd-MM-yyyy HH:mm:ss'
+        dateFormat: 'dd/MM/yyyy',
+        dateTimeFormat: 'dd/MM/yyyy HH:mm:ss'
     },
     DatePicker: {
         yearFormat: 'yyyy',
         monthFormat: 'MMM',
         dayFormat: 'eeeeee',
         yearTypeFormat: 'yyyy',
-        monthTypeFormat: 'MM-yyyy',
-        dateFormat: 'dd-MM-yyyy',
-        dateTimeFormat: 'dd-MM-yyyy HH:mm:ss',
+        monthTypeFormat: 'MM/yyyy',
+        dateFormat: 'dd/MM/yyyy',
+        dateTimeFormat: 'dd/MM/yyyy HH:mm:ss',
+        quarterFormat: 'qqq yyyy',
         clear: 'Effacer',
         now: 'Maintenant',
         confirm: 'Confirmer',
@@ -37,6 +38,7 @@ const frFR = {
         datetimePlaceholder: "Sélectionner la date et l'heure",
         monthPlaceholder: 'Sélectionner le mois',
         yearPlaceholder: "Sélectionner l'année",
+        quarterPlaceholder: 'Sélectionner le trimestre',
         startDatePlaceholder: 'Date de début',
         endDatePlaceholder: 'Date de fin',
         startDatetimePlaceholder: 'Date et heure de début',

package/lib/locales/common/idID.js

@@ -28,6 +28,7 @@ const idID = {
         monthTypeFormat: 'MM-yyyy',
         dateFormat: 'dd-MM-yyyy',
         dateTimeFormat: 'dd-MM-yyyy HH:mm:ss',
+        quarterFormat: 'yyyy-qqq',
         clear: 'Bersihkan',
         now: 'Sekarang',
         confirm: 'Setuju',
@@ -38,6 +39,7 @@ const idID = {
         monthPlaceholder: 'Pilih Bulan',
         // FIXME: translation needed
         yearPlaceholder: 'Select Year',
+        quarterPlaceholder: 'Select Quarter',
         startDatePlaceholder: 'Tanggal Mulai',
         endDatePlaceholder: 'Tanggal Selesai',
         startDatetimePlaceholder: 'Tanggal dan Waktu Mulai',

package/lib/locales/common/jaJP.js

@@ -28,6 +28,7 @@ const jaJP = {
         monthTypeFormat: 'yyyy-MM',
         dateFormat: 'yyyy-MM-dd',
         dateTimeFormat: 'yyyy-MM-dd HH:mm:ss',
+        quarterFormat: 'yyyy-qqq',
         clear: 'クリア',
         now: '現在',
         confirm: 'OK',
@@ -38,6 +39,7 @@ const jaJP = {
         monthPlaceholder: '月を選択',
         // FIXME: translation needed
         yearPlaceholder: 'Select Year',
+        quarterPlaceholder: 'Select Quarter',
         startDatePlaceholder: '開始日',
         endDatePlaceholder: '終了日',
         startDatetimePlaceholder: '開始時間',

package/lib/locales/common/nbNO.js

@@ -28,6 +28,7 @@ const nbNO = {
         monthTypeFormat: 'MM.yyyy',
         dateFormat: 'dd.MM.yyyy',
         dateTimeFormat: 'dd.MM.yyyy HH:mm:ss',
+        quarterFormat: 'yyyy-qqq',
         clear: 'Tøm',
         now: 'Nå',
         confirm: 'Bekreft',
@@ -38,6 +39,7 @@ const nbNO = {
         monthPlaceholder: 'Velg måned',
         // FIXME: translation needed
         yearPlaceholder: 'Select Year',
+        quarterPlaceholder: 'Select Quarter',
         startDatePlaceholder: 'Startdato',
         endDatePlaceholder: 'Sluttdato',
         startDatetimePlaceholder: 'Startdato og -tid',

package/lib/locales/common/ruRU.js

@@ -28,6 +28,7 @@ const ruRu = {
         monthTypeFormat: 'yyyy-MM',
         dateFormat: 'yyyy-MM-dd',
         dateTimeFormat: 'yyyy-MM-dd HH:mm:ss',
+        quarterFormat: 'yyyy-qqq',
         clear: 'Очистить',
         now: 'Сейчас',
         confirm: 'Подтвердить',
@@ -38,6 +39,7 @@ const ruRu = {
         monthPlaceholder: 'Выберите месяц',
         // FIXME: translation needed
         yearPlaceholder: 'Select Year',
+        quarterPlaceholder: 'Select Quarter',
         startDatePlaceholder: 'Дата начала',
         endDatePlaceholder: 'Дата окончания',
         startDatetimePlaceholder: 'Дата и время начала',

package/lib/locales/common/ukUA.js

@@ -28,6 +28,7 @@ const ukUA = {
         monthTypeFormat: 'yyyy-MM',
         dateFormat: 'yyyy-MM-dd',
         dateTimeFormat: 'yyyy-MM-dd HH:mm:ss',
+        quarterFormat: 'yyyy-qqq',
         clear: 'Стерти',
         now: 'Зараз',
         confirm: 'Підтвердити',
@@ -38,6 +39,7 @@ const ukUA = {
         monthPlaceholder: 'Виберіть місяць',
         // FIXME: translation needed
         yearPlaceholder: 'Select Year',
+        quarterPlaceholder: 'Select Quarter',
         startDatePlaceholder: 'Дата початку',
         endDatePlaceholder: 'Дата завершення',
         startDatetimePlaceholder: 'Дата і час початку',

package/lib/locales/common/zhCN.js

@@ -28,6 +28,7 @@ const zhCN = {
         monthTypeFormat: 'yyyy-MM',
         dateFormat: 'yyyy-MM-dd',
         dateTimeFormat: 'yyyy-MM-dd HH:mm:ss',
+        quarterFormat: 'yyyy-qqq',
         clear: '清除',
         now: '此刻',
         confirm: '确认',
@@ -37,6 +38,7 @@ const zhCN = {
         datetimePlaceholder: '选择日期时间',
         monthPlaceholder: '选择月份',
         yearPlaceholder: '选择年份',
+        quarterPlaceholder: '选择季度',
         startDatePlaceholder: '开始日期',
         endDatePlaceholder: '结束日期',
         startDatetimePlaceholder: '开始日期时间',

package/lib/locales/common/zhTW.d.ts

@@ -0,0 +1,3 @@
+import type { NLocale } from './enUS';
+declare const zhTW: NLocale;
+export default zhTW;