naive-ui 2.22.0 → 2.24.0

package/lib/locales/common/enUS.js

@@ -97,6 +97,16 @@ const enUS = {
         import: 'Import',
         export: 'Export',
         restore: 'Reset to Default'
+    },
+    // TODO: translation
+    Image: {
+        tipPrevious: 'Previous picture (←)',
+        tipNext: 'Next picture (→)',
+        tipCounterclockwise: 'Counterclockwise',
+        tipClockwise: 'Clockwise',
+        tipZoomOut: 'Zoom out',
+        tipZoomIn: 'Zoom in',
+        tipClose: 'Close (Esc)'
     }
 };
 exports.default = enUS;

package/lib/locales/common/frFR.js

@@ -17,18 +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',
-        quarterFormat: 'yyyy-qqq',
+        monthTypeFormat: 'MM/yyyy',
+        dateFormat: 'dd/MM/yyyy',
+        dateTimeFormat: 'dd/MM/yyyy HH:mm:ss',
+        quarterFormat: 'qqq yyyy',
         clear: 'Effacer',
         now: 'Maintenant',
         confirm: 'Confirmer',
@@ -38,8 +38,7 @@ const frFR = {
         datetimePlaceholder: "Sélectionner la date et l'heure",
         monthPlaceholder: 'Sélectionner le mois',
         yearPlaceholder: "Sélectionner l'année",
-        // FIXME: translation needed
-        quarterPlaceholder: 'Select Quarter',
+        quarterPlaceholder: 'Sélectionner le trimestre',
         startDatePlaceholder: 'Date de début',
         endDatePlaceholder: 'Date de fin',
         startDatetimePlaceholder: 'Date et heure de début',
@@ -98,6 +97,16 @@ const frFR = {
         import: 'Importer',
         export: 'Exporter',
         restore: 'Réinitialiser'
+    },
+    // TODO: translation
+    Image: {
+        tipPrevious: 'Previous picture (←)',
+        tipNext: 'Next picture (→)',
+        tipCounterclockwise: 'Counterclockwise',
+        tipClockwise: 'Clockwise',
+        tipZoomOut: 'Zoom out',
+        tipZoomIn: 'Zoom in',
+        tipClose: 'Close (Esc)'
     }
 };
 exports.default = frFR;

package/lib/locales/common/idID.js

@@ -98,6 +98,16 @@ const idID = {
         import: 'Impor',
         export: 'Ekspor',
         restore: 'Setel ulang ke awal'
+    },
+    // TODO: translation
+    Image: {
+        tipPrevious: 'Previous picture (←)',
+        tipNext: 'Next picture (→)',
+        tipCounterclockwise: 'Counterclockwise',
+        tipClockwise: 'Clockwise',
+        tipZoomOut: 'Zoom out',
+        tipZoomIn: 'Zoom in',
+        tipClose: 'Close (Esc)'
     }
 };
 exports.default = idID;

package/lib/locales/common/jaJP.js

@@ -98,6 +98,16 @@ const jaJP = {
         import: 'インポート',
         export: 'エクスポート',
         restore: 'デフォルト'
+    },
+    // TODO: translation
+    Image: {
+        tipPrevious: 'Previous picture (←)',
+        tipNext: 'Next picture (→)',
+        tipCounterclockwise: 'Counterclockwise',
+        tipClockwise: 'Clockwise',
+        tipZoomOut: 'Zoom out',
+        tipZoomIn: 'Zoom in',
+        tipClose: 'Close (Esc)'
     }
 };
 exports.default = jaJP;

package/lib/locales/common/nbNO.js

@@ -98,6 +98,16 @@ const nbNO = {
         import: 'Importer',
         export: 'Eksporter',
         restore: 'Nullstill til standardvalg'
+    },
+    // TODO: translation
+    Image: {
+        tipPrevious: 'Previous picture (←)',
+        tipNext: 'Next picture (→)',
+        tipCounterclockwise: 'Counterclockwise',
+        tipClockwise: 'Clockwise',
+        tipZoomOut: 'Zoom out',
+        tipZoomIn: 'Zoom in',
+        tipClose: 'Close (Esc)'
     }
 };
 exports.default = nbNO;

package/lib/locales/common/ruRU.js

@@ -98,6 +98,16 @@ const ruRu = {
         import: 'Импорт',
         export: 'Экспорт',
         restore: 'Сбросить'
+    },
+    // TODO: translation
+    Image: {
+        tipPrevious: 'Previous picture (←)',
+        tipNext: 'Next picture (→)',
+        tipCounterclockwise: 'Counterclockwise',
+        tipClockwise: 'Clockwise',
+        tipZoomOut: 'Zoom out',
+        tipZoomIn: 'Zoom in',
+        tipClose: 'Close (Esc)'
     }
 };
 exports.default = ruRu;

package/lib/locales/common/ukUA.js

@@ -98,6 +98,16 @@ const ukUA = {
         import: 'Імпорт',
         export: 'Експорт',
         restore: 'Скинути'
+    },
+    // TODO: translation
+    Image: {
+        tipPrevious: 'Previous picture (←)',
+        tipNext: 'Next picture (→)',
+        tipCounterclockwise: 'Counterclockwise',
+        tipClockwise: 'Clockwise',
+        tipZoomOut: 'Zoom out',
+        tipZoomIn: 'Zoom in',
+        tipClose: 'Close (Esc)'
     }
 };
 exports.default = ukUA;

package/lib/locales/common/zhCN.js

@@ -97,6 +97,15 @@ const zhCN = {
         import: '导入',
         export: '导出',
         restore: '恢复默认'
+    },
+    Image: {
+        tipPrevious: '上一张（←）',
+        tipNext: '下一张（→）',
+        tipCounterclockwise: '向左旋转',
+        tipClockwise: '向右旋转',
+        tipZoomOut: '缩小',
+        tipZoomIn: '放大',
+        tipClose: '关闭（Esc）'
     }
 };
 exports.default = zhCN;

package/lib/locales/common/zhTW.js

@@ -97,6 +97,16 @@ const zhTW = {
         import: '導入',
         export: '匯出',
         restore: '恢復默認'
+    },
+    // TODO: translation
+    Image: {
+        tipPrevious: '上一张（←）',
+        tipNext: '下一张（→）',
+        tipCounterclockwise: '向左旋转',
+        tipClockwise: '向右旋转',
+        tipZoomOut: '缩小',
+        tipZoomIn: '放大',
+        tipClose: '关闭（Esc）'
     }
 };
 exports.default = zhTW;

package/lib/log/src/Log.d.ts

@@ -403,12 +403,12 @@ declare const _default: import("vue").DefineComponent<{
     handleWheel: import("lodash").DebouncedFunc<(e: WheelEvent) => void>;
     handleScroll: (e: Event) => void;
     cssVars: import("vue").ComputedRef<{
-        '--bezier': string;
-        '--loader-font-size': string;
-        '--loader-border': string;
-        '--loader-color': string;
-        '--loader-text-color': string;
-        '--loading-color': string;
+        '--n-bezier': string;
+        '--n-loader-font-size': string;
+        '--n-loader-border': string;
+        '--n-loader-color': string;
+        '--n-loader-text-color': string;
+        '--n-loading-color': string;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     readonly loading?: unknown;

package/lib/log/src/Log.js

@@ -165,12 +165,12 @@ exports.default = (0, vue_1.defineComponent)({
             cssVars: (0, vue_1.computed)(() => {
                 const { self: { loaderFontSize, loaderTextColor, loaderColor, loaderBorder, loadingColor }, common: { cubicBezierEaseInOut } } = themeRef.value;
                 return {
-                    '--bezier': cubicBezierEaseInOut,
-                    '--loader-font-size': loaderFontSize,
-                    '--loader-border': loaderBorder,
-                    '--loader-color': loaderColor,
-                    '--loader-text-color': loaderTextColor,
-                    '--loading-color': loadingColor
+                    '--n-bezier': cubicBezierEaseInOut,
+                    '--n-loader-font-size': loaderFontSize,
+                    '--n-loader-border': loaderBorder,
+                    '--n-loader-color': loaderColor,
+                    '--n-loader-text-color': loaderTextColor,
+                    '--n-loading-color': loadingColor
                 };
             })
         };

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

@@ -13,21 +13,19 @@ 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
-// --loading-color
-// --loader-border
-// --loader-color
-// --loader-text-color
-// --loader-font-size
-// --loading-color
+// --n-bezier
+// --n-loading-color
+// --n-loader-border
+// --n-loader-color
+// --n-loader-text-color
+// --n-loader-font-size
+// --n-loading-color
 
 
 exports.default = (0, cssr_1.cB)('log', `
  position: relative;
  box-sizing: border-box;
- transition:
- border-color .3s var(--bezier),
- color .3s var(--bezier);
+ transition: border-color .3s var(--n-bezier);
 `, [(0, cssr_1.cE)('lines', `
  margin: 0;
  white-space: pre-wrap;
@@ -35,9 +33,9 @@ exports.default = (0, cssr_1.cB)('log', `
  margin: 0;
  `), (0, cssr_1.cB)('log-loader', `
  transition:
- color .3s var(--bezier),
- background-color .3s var(--bezier),
- border-color .3s var(--bezier);
+ color .3s var(--n-bezier),
+ background-color .3s var(--n-bezier),
+ border-color .3s var(--n-bezier);
  box-sizing: border-box;
  position: absolute;
  right: 16px;
@@ -47,10 +45,10 @@ exports.default = (0, cssr_1.cB)('log', `
  line-height: 34px;
  white-space: nowrap;
  overflow: hidden;
- border: var(--loader-border);
- color: var(--loader-text-color);
- background-color: var(--loader-color);
- font-size: var(--loader-font-size);
+ border: var(--n-loader-border);
+ color: var(--n-loader-text-color);
+ background-color: var(--n-loader-color);
+ font-size: var(--n-loader-font-size);
  `, [(0, fade_in_scale_up_cssr_1.default)(), (0, cssr_1.cE)('content', `
  display: inline-block;
  vertical-align: bottom;
@@ -59,7 +57,7 @@ exports.default = (0, cssr_1.cB)('log', `
  padding-right: 20px;
  white-space: nowrap;
  `), (0, cssr_1.cB)('base-loading', `
- color: var(--loading-color);
+ color: var(--n-loading-color);
  position: absolute;
  left: 12px;
  top: calc(50% - 10px);

package/lib/mention/src/Mention.d.ts

@@ -1093,7 +1093,7 @@ declare const _default: import("vue").DefineComponent<{
     focus: () => void;
     blur: () => void;
     cssVars: import("vue").ComputedRef<{
-        '--menu-box-shadow': string;
+        '--n-menu-box-shadow': string;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     readonly to?: unknown;

package/lib/mention/src/Mention.js

@@ -305,7 +305,7 @@ exports.default = (0, vue_1.defineComponent)({
             cssVars: (0, vue_1.computed)(() => {
                 const { self: { menuBoxShadow } } = themeRef.value;
                 return {
-                    '--menu-box-shadow': menuBoxShadow
+                    '--n-menu-box-shadow': menuBoxShadow
                 };
             })
         };

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

@@ -12,9 +12,9 @@ Object.defineProperty(exports, "__esModule", {
 
 const fade_in_scale_up_cssr_1 = __importDefault(require("../../../_styles/transitions/fade-in-scale-up.cssr"));
 
-const cssr_1 = require("../../../_utils/cssr"); // --menu-box-shadow
+const cssr_1 = require("../../../_utils/cssr"); // --n-menu-box-shadow
 
 
 exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('mention', 'width: 100%; z-index: auto; position: relative;'), (0, cssr_1.cB)('mention-menu', `
- box-shadow: var(--menu-box-shadow);
+ box-shadow: var(--n-menu-box-shadow);
  `, [(0, fade_in_scale_up_cssr_1.default)()])]);

package/lib/mention/src/utils.js

@@ -126,7 +126,6 @@ function getRelativePosition(element, options = {
             }
         }
         else {
-            // @ts-expect-error
             style[prop] = computed[prop];
         }
     });

package/lib/menu/src/Menu.js

@@ -210,55 +210,58 @@ exports.default = (0, vue_1.defineComponent)({
                 const { common: { cubicBezierEaseInOut }, self } = themeRef.value;
                 const { borderRadius, borderColorHorizontal, fontSize, itemHeight, dividerColor } = self;
                 const vars = {
-                    '--divider-color': dividerColor,
-                    '--bezier': cubicBezierEaseInOut,
-                    '--font-size': fontSize,
-                    '--border-color-horizontal': borderColorHorizontal,
-                    '--border-radius': borderRadius,
-                    '--item-height': itemHeight
+                    '--n-divider-color': dividerColor,
+                    '--n-bezier': cubicBezierEaseInOut,
+                    '--n-font-size': fontSize,
+                    '--n-border-color-horizontal': borderColorHorizontal,
+                    '--n-border-radius': borderRadius,
+                    '--n-item-height': itemHeight
                 };
                 if (inverted) {
-                    vars['--group-text-color'] = self.groupTextColorInverted;
-                    vars['--color'] = self.colorInverted;
-                    vars['--item-text-color'] = self.itemTextColorInverted;
-                    vars['--arrow-color'] = self.arrowColorInverted;
-                    vars['--arrow-color-hover'] = self.arrowColorHoverInverted;
-                    vars['--arrow-color-active'] = self.arrowColorActiveInverted;
-                    vars['--arrow-color-child-active'] =
+                    vars['--n-group-text-color'] = self.groupTextColorInverted;
+                    vars['--n-color'] = self.colorInverted;
+                    vars['--n-item-text-color'] = self.itemTextColorInverted;
+                    vars['--n-arrow-color'] = self.arrowColorInverted;
+                    vars['--n-arrow-color-hover'] = self.arrowColorHoverInverted;
+                    vars['--n-arrow-color-active'] = self.arrowColorActiveInverted;
+                    vars['--n-arrow-color-child-active'] =
                         self.arrowColorChildActiveInverted;
-                    vars['--item-icon-color'] = self.itemIconColorInverted;
-                    vars['--item-text-color-hover'] = self.itemTextColorHoverInverted;
-                    vars['--item-icon-color-hover'] = self.itemIconColorHoverInverted;
-                    vars['--item-text-color-active'] = self.itemTextColorActiveInverted;
-                    vars['--item-icon-color-active'] = self.itemIconColorActiveInverted;
-                    vars['--item-icon-color-collapsed'] =
+                    vars['--n-item-icon-color'] = self.itemIconColorInverted;
+                    vars['--n-item-text-color-hover'] = self.itemTextColorHoverInverted;
+                    vars['--n-item-icon-color-hover'] = self.itemIconColorHoverInverted;
+                    vars['--n-item-text-color-active'] = self.itemTextColorActiveInverted;
+                    vars['--n-item-icon-color-active'] = self.itemIconColorActiveInverted;
+                    vars['--n-item-icon-color-collapsed'] =
                         self.itemIconColorCollapsedInverted;
-                    vars['--item-color-active'] = self.itemColorActiveInverted;
-                    vars['--item-color-active-collapsed'] =
+                    vars['--n-item-color-active'] = self.itemColorActiveInverted;
+                    vars['--n-item-color-active-collapsed'] =
                         self.itemColorActiveCollapsedInverted;
-                    vars['--item-text-color-child-active'] =
+                    vars['--n-item-text-color-child-active'] =
                         self.itemTextColorChildActiveInverted;
-                    vars['--item-icon-color-child-active'] =
+                    vars['--n-item-icon-color-child-active'] =
                         self.itemIconColorChildActiveInverted;
                 }
                 else {
-                    vars['--group-text-color'] = self.groupTextColor;
-                    vars['--color'] = self.color;
-                    vars['--item-text-color'] = self.itemTextColor;
-                    vars['--arrow-color'] = self.arrowColor;
-                    vars['--arrow-color-hover'] = self.arrowColorHover;
-                    vars['--arrow-color-active'] = self.arrowColorActive;
-                    vars['--arrow-color-child-active'] = self.arrowColorChildActive;
-                    vars['--item-icon-color'] = self.itemIconColor;
-                    vars['--item-text-color-hover'] = self.itemTextColorHover;
-                    vars['--item-icon-color-hover'] = self.itemIconColorHover;
-                    vars['--item-text-color-active'] = self.itemTextColorActive;
-                    vars['--item-icon-color-active'] = self.itemIconColorActive;
-                    vars['--item-icon-color-collapsed'] = self.itemIconColorCollapsed;
-                    vars['--item-color-active'] = self.itemColorActive;
-                    vars['--item-color-active-collapsed'] = self.itemColorActiveCollapsed;
-                    vars['--item-text-color-child-active'] = self.itemTextColorChildActive;
-                    vars['--item-icon-color-child-active'] = self.itemIconColorChildActive;
+                    vars['--n-group-text-color'] = self.groupTextColor;
+                    vars['--n-color'] = self.color;
+                    vars['--n-item-text-color'] = self.itemTextColor;
+                    vars['--n-arrow-color'] = self.arrowColor;
+                    vars['--n-arrow-color-hover'] = self.arrowColorHover;
+                    vars['--n-arrow-color-active'] = self.arrowColorActive;
+                    vars['--n-arrow-color-child-active'] = self.arrowColorChildActive;
+                    vars['--n-item-icon-color'] = self.itemIconColor;
+                    vars['--n-item-text-color-hover'] = self.itemTextColorHover;
+                    vars['--n-item-icon-color-hover'] = self.itemIconColorHover;
+                    vars['--n-item-text-color-active'] = self.itemTextColorActive;
+                    vars['--n-item-icon-color-active'] = self.itemIconColorActive;
+                    vars['--n-item-icon-color-collapsed'] = self.itemIconColorCollapsed;
+                    vars['--n-item-color-active'] = self.itemColorActive;
+                    vars['--n-item-color-active-collapsed'] =
+                        self.itemColorActiveCollapsed;
+                    vars['--n-item-text-color-child-active'] =
+                        self.itemTextColorChildActive;
+                    vars['--n-item-icon-color-child-active'] =
+                        self.itemIconColorChildActive;
                 }
                 return vars;
             })