naive-ui 2.24.6 → 2.25.2

package/lib/layout/src/Layout.js

@@ -40,7 +40,7 @@ function createLayoutComponent(isContent) {
             const scrollableElRef = (0, vue_1.ref)(null);
             const scrollbarInstRef = (0, vue_1.ref)(null);
             const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
-            const themeRef = (0, _mixins_1.useTheme)('Layout', 'Layout', layout_cssr_1.default, styles_1.layoutLight, props, mergedClsPrefixRef);
+            const themeRef = (0, _mixins_1.useTheme)('Layout', '-layout', layout_cssr_1.default, styles_1.layoutLight, props, mergedClsPrefixRef);
             function scrollTo(options, y) {
                 if (props.nativeScrollbar) {
                     const { value: scrollableEl } = scrollableElRef;

package/lib/layout/src/LayoutFooter.js

@@ -14,7 +14,7 @@ exports.default = (0, vue_1.defineComponent)({
     props: layoutFooterProps,
     setup(props) {
         const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
-        const themeRef = (0, _mixins_1.useTheme)('Layout', 'LayoutFooter', layout_footer_cssr_1.default, styles_1.layoutLight, props, mergedClsPrefixRef);
+        const themeRef = (0, _mixins_1.useTheme)('Layout', '-layout-footer', layout_footer_cssr_1.default, styles_1.layoutLight, props, mergedClsPrefixRef);
         return {
             mergedClsPrefix: mergedClsPrefixRef,
             cssVars: (0, vue_1.computed)(() => {

package/lib/layout/src/LayoutHeader.js

@@ -21,7 +21,7 @@ exports.default = (0, vue_1.defineComponent)({
     props: Object.assign(Object.assign({}, _mixins_1.useTheme.props), headerProps),
     setup(props) {
         const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
-        const themeRef = (0, _mixins_1.useTheme)('Layout', 'LayoutHeader', layout_header_cssr_1.default, styles_1.layoutLight, props, mergedClsPrefixRef);
+        const themeRef = (0, _mixins_1.useTheme)('Layout', '-layout-header', layout_header_cssr_1.default, styles_1.layoutLight, props, mergedClsPrefixRef);
         return {
             mergedClsPrefix: mergedClsPrefixRef,
             cssVars: (0, vue_1.computed)(() => {

package/lib/layout/src/LayoutSider.js

@@ -140,7 +140,7 @@ exports.default = (0, vue_1.defineComponent)({
             collapseModeRef: (0, vue_1.toRef)(props, 'collapseMode')
         });
         const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
-        const themeRef = (0, _mixins_1.useTheme)('Layout', 'LayoutSider', layout_sider_cssr_1.default, styles_1.layoutLight, props, mergedClsPrefixRef);
+        const themeRef = (0, _mixins_1.useTheme)('Layout', '-layout-sider', layout_sider_cssr_1.default, styles_1.layoutLight, props, mergedClsPrefixRef);
         function handleTransitionend(e) {
             var _a, _b;
             if (e.propertyName === 'max-width') {

package/lib/legacy-grid/src/Col.js

@@ -1,14 +1,9 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.colPropKeys = exports.colProps = void 0;
 const vue_1 = require("vue");
 const _utils_1 = require("../../_utils");
-const _mixins_1 = require("../../_mixins");
 const Row_1 = require("./Row");
-const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
 exports.colProps = {
     span: {
         type: [String, Number],
@@ -32,7 +27,6 @@ exports.default = (0, vue_1.defineComponent)({
     name: 'Col',
     props: exports.colProps,
     setup(props) {
-        (0, _mixins_1.useStyle)('Grid', index_cssr_1.default);
         const NRow = (0, vue_1.inject)(Row_1.rowInjectionKey, null);
         if (!NRow)
             (0, _utils_1.throwError)('col', '`n-col` must be placed inside `n-row`.');

package/lib/legacy-grid/src/Row.js

@@ -24,7 +24,7 @@ exports.default = (0, vue_1.defineComponent)({
     props: exports.rowProps,
     setup(props) {
         const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
-        (0, _mixins_1.useStyle)('LegacyGrid', index_cssr_1.default, mergedClsPrefixRef);
+        (0, _mixins_1.useStyle)('-legacy-grid', index_cssr_1.default, mergedClsPrefixRef);
         const verticalGutterRef = (0, vooks_1.useMemo)(() => {
             const { gutter } = props;
             if (Array.isArray(gutter)) {

package/lib/list/src/List.js

@@ -22,7 +22,7 @@ exports.default = (0, vue_1.defineComponent)({
     props: listProps,
     setup(props) {
         const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
-        const themeRef = (0, _mixins_1.useTheme)('List', 'List', index_cssr_1.default, styles_1.listLight, props, mergedClsPrefixRef);
+        const themeRef = (0, _mixins_1.useTheme)('List', '-list', index_cssr_1.default, styles_1.listLight, props, mergedClsPrefixRef);
         (0, vue_1.provide)(exports.listInjectionKey, {
             mergedClsPrefixRef
         });

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

@@ -15,7 +15,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const vue_1 = require("vue");
 const _mixins_1 = require("../../_mixins");
 const styles_1 = require("../styles");
-const LoadingBarProvider_1 = require("./LoadingBarProvider");
+const context_1 = require("./context");
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
 function createClassName(status, clsPrefix) {
     return `${clsPrefix}-loading-bar ${clsPrefix}-loading-bar--${status}`;
@@ -25,7 +25,7 @@ exports.default = (0, vue_1.defineComponent)({
     setup() {
         const { props: providerProps, mergedClsPrefixRef
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-         } = (0, vue_1.inject)(LoadingBarProvider_1.loadingBarProviderInjectionKey);
+         } = (0, vue_1.inject)(context_1.loadingBarProviderInjectionKey);
         const loadingBarRef = (0, vue_1.ref)(null);
         const enteringRef = (0, vue_1.ref)(false);
         const startedRef = (0, vue_1.ref)(false);
@@ -115,7 +115,7 @@ exports.default = (0, vue_1.defineComponent)({
                 yield init();
             });
         }
-        const themeRef = (0, _mixins_1.useTheme)('LoadingBar', 'LoadingBar', index_cssr_1.default, styles_1.loadingBarLight, providerProps, mergedClsPrefixRef);
+        const themeRef = (0, _mixins_1.useTheme)('LoadingBar', '-loading-bar', index_cssr_1.default, styles_1.loadingBarLight, providerProps, mergedClsPrefixRef);
         return {
             mergedClsPrefix: mergedClsPrefixRef,
             loadingBarRef,

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

@@ -1,6 +1,6 @@
-import { PropType, ExtractPropTypes, Ref, CSSProperties } from 'vue';
+import { PropType, ExtractPropTypes, CSSProperties } from 'vue';
 import { ExtractPublicPropTypes } from '../../_utils';
-interface LoadingBarInst {
+export interface LoadingBarInst {
     start: () => void;
     error: () => void;
     finish: () => void;
@@ -36,11 +36,6 @@ declare const loadingBarProps: {
 };
 export declare type LoadingBarProviderProps = ExtractPublicPropTypes<typeof loadingBarProps>;
 export declare type LoadingBarProviderSetupProps = ExtractPropTypes<typeof loadingBarProps>;
-export declare const loadingBarProviderInjectionKey: import("vue").InjectionKey<{
-    props: LoadingBarProviderSetupProps;
-    mergedClsPrefixRef: Ref<string>;
-}>;
-export declare const loadingBarApiInjectionKey: import("vue").InjectionKey<LoadingBarInst>;
 declare const _default: import("vue").DefineComponent<{
     to: {
         type: PropType<string | HTMLElement>;
@@ -68,7 +63,7 @@ declare const _default: import("vue").DefineComponent<{
         height: string;
     }, any>>>;
 }, LoadingBarInst & {
-    loadingBarRef: Ref<{
+    loadingBarRef: import("vue").Ref<{
         start: () => void;
         error: () => void;
         finish: () => void;

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

@@ -3,20 +3,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.loadingBarApiInjectionKey = exports.loadingBarProviderInjectionKey = void 0;
 const vue_1 = require("vue");
 const vooks_1 = require("vooks");
 const _mixins_1 = require("../../_mixins");
 const LoadingBar_1 = __importDefault(require("./LoadingBar"));
-const _utils_1 = require("../../_utils");
+const context_1 = require("./context");
 const loadingBarProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { to: {
         type: [String, Object],
         default: undefined
     }, loadingBarStyle: {
         type: Object
     } });
-exports.loadingBarProviderInjectionKey = (0, _utils_1.createInjectionKey)('n-loading-bar');
-exports.loadingBarApiInjectionKey = (0, _utils_1.createInjectionKey)('n-loading-bar-api');
 exports.default = (0, vue_1.defineComponent)({
     name: 'LoadingBarProvider',
     props: loadingBarProps,
@@ -62,8 +59,8 @@ exports.default = (0, vue_1.defineComponent)({
             }
         };
         const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
-        (0, vue_1.provide)(exports.loadingBarApiInjectionKey, methods);
-        (0, vue_1.provide)(exports.loadingBarProviderInjectionKey, {
+        (0, vue_1.provide)(context_1.loadingBarApiInjectionKey, methods);
+        (0, vue_1.provide)(context_1.loadingBarProviderInjectionKey, {
             props,
             mergedClsPrefixRef
         });

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

@@ -0,0 +1,7 @@
+import { Ref } from 'vue';
+import type { LoadingBarProviderSetupProps } from './LoadingBarProvider';
+export declare const loadingBarProviderInjectionKey: import("vue").InjectionKey<{
+    props: LoadingBarProviderSetupProps;
+    mergedClsPrefixRef: Ref<string>;
+}>;
+export declare const loadingBarApiInjectionKey: import("vue").InjectionKey<import("./LoadingBarProvider").LoadingBarInst>;

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

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.loadingBarApiInjectionKey = exports.loadingBarProviderInjectionKey = void 0;
+const _utils_1 = require("../../_utils");
+exports.loadingBarProviderInjectionKey = (0, _utils_1.createInjectionKey)('n-loading-bar');
+exports.loadingBarApiInjectionKey = (0, _utils_1.createInjectionKey)('n-loading-bar-api');

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

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLoadingBar = void 0;
 const vue_1 = require("vue");
-const LoadingBarProvider_1 = require("./LoadingBarProvider");
+const context_1 = require("./context");
 const _utils_1 = require("../../_utils");
 function useLoadingBar() {
-    const loadingBar = (0, vue_1.inject)(LoadingBarProvider_1.loadingBarApiInjectionKey, null);
+    const loadingBar = (0, vue_1.inject)(context_1.loadingBarApiInjectionKey, null);
     if (loadingBar === null) {
         (0, _utils_1.throwError)('use-loading-bar', 'No outer <n-loading-bar-provider /> founded.');
     }

package/lib/locales/common/deDE.js

@@ -17,8 +17,8 @@ const deDE = {
         loadingRequiredMessage: (label) => `Bitte laden Sie alle Unterpunkte von ${label}, bevor Sie es auswählen.`
     },
     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',
@@ -26,8 +26,8 @@ const deDE = {
         dayFormat: 'eeeeee',
         yearTypeFormat: 'yyyy',
         monthTypeFormat: 'MM-yyyy',
-        dateFormat: 'dd-MM-yyyy',
-        dateTimeFormat: 'dd-MM-yyyy HH:mm:ss',
+        dateFormat: 'dd.MM.yyyy',
+        dateTimeFormat: 'dd.MM.yyyy HH:mm:ss',
         quarterFormat: 'yyyy-qqq',
         clear: 'Löschen',
         now: 'Jetzt',
@@ -37,9 +37,8 @@ const deDE = {
         datePlaceholder: 'Datum auswählen',
         datetimePlaceholder: 'Datum und Uhrzeit auswählen',
         monthPlaceholder: 'Monat auswählen',
-        // FIXME: translation needed
-        yearPlaceholder: 'Select Year',
-        quarterPlaceholder: 'Select Quarter',
+        yearPlaceholder: 'Jahr auswählen',
+        quarterPlaceholder: 'Quartal auswählen',
         startDatePlaceholder: 'Anfangsdatum',
         endDatePlaceholder: 'Enddatum',
         startDatetimePlaceholder: 'Anfangsdatum und Uhrzeit',
@@ -99,15 +98,14 @@ const deDE = {
         export: 'Exportieren',
         restore: 'Auf Standard zurücksetzen'
     },
-    // TODO: translation
     Image: {
-        tipPrevious: 'Previous picture (←)',
-        tipNext: 'Next picture (→)',
-        tipCounterclockwise: 'Counterclockwise',
-        tipClockwise: 'Clockwise',
-        tipZoomOut: 'Zoom out',
-        tipZoomIn: 'Zoom in',
-        tipClose: 'Close (Esc)'
+        tipPrevious: 'Vorheriges Bild (←)',
+        tipNext: 'Nächstes Bild (→)',
+        tipCounterclockwise: 'Gegen Uhrzeigersinn',
+        tipClockwise: 'Uhrzeigersinn',
+        tipZoomOut: 'Rauszoomen',
+        tipZoomIn: 'Reinzoomen',
+        tipClose: 'Schließen (Esc)'
     }
 };
 exports.default = deDE;

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

@@ -0,0 +1,109 @@
+declare const enGB: {
+    name: string;
+    global: {
+        undo: string;
+        redo: string;
+        confirm: string;
+    };
+    Popconfirm: {
+        positiveText: string;
+        negativeText: string;
+    };
+    Cascader: {
+        placeholder: string;
+        loading: string;
+        loadingRequiredMessage: (label: string) => string;
+    };
+    Time: {
+        dateFormat: string;
+        dateTimeFormat: string;
+    };
+    DatePicker: {
+        yearFormat: string;
+        monthFormat: string;
+        dayFormat: string;
+        yearTypeFormat: string;
+        monthTypeFormat: string;
+        dateFormat: string;
+        dateTimeFormat: string;
+        quarterFormat: string;
+        clear: string;
+        now: string;
+        confirm: string;
+        selectTime: string;
+        selectDate: string;
+        datePlaceholder: string;
+        datetimePlaceholder: string;
+        monthPlaceholder: string;
+        yearPlaceholder: string;
+        quarterPlaceholder: string;
+        startDatePlaceholder: string;
+        endDatePlaceholder: string;
+        startDatetimePlaceholder: string;
+        endDatetimePlaceholder: string;
+        monthBeforeYear: boolean;
+        firstDayOfWeek: 0 | 2 | 1 | 3 | 4 | 5 | 6;
+        today: string;
+    };
+    DataTable: {
+        checkTableAll: string;
+        uncheckTableAll: string;
+        confirm: string;
+        clear: string;
+    };
+    Transfer: {
+        sourceTitle: string;
+        targetTitle: string;
+    };
+    Empty: {
+        description: string;
+    };
+    Select: {
+        placeholder: string;
+    };
+    TimePicker: {
+        placeholder: string;
+        positiveText: string;
+        negativeText: string;
+        now: string;
+    };
+    Pagination: {
+        goto: string;
+        selectionSuffix: string;
+    };
+    DynamicTags: {
+        add: string;
+    };
+    Log: {
+        loading: string;
+    };
+    Input: {
+        placeholder: string;
+    };
+    InputNumber: {
+        placeholder: string;
+    };
+    DynamicInput: {
+        create: string;
+    };
+    ThemeEditor: {
+        title: string;
+        clearAllVars: string;
+        clearSearch: string;
+        filterCompName: string;
+        filterVarName: string;
+        import: string;
+        export: string;
+        restore: string;
+    };
+    Image: {
+        tipPrevious: string;
+        tipNext: string;
+        tipCounterclockwise: string;
+        tipClockwise: string;
+        tipZoomOut: string;
+        tipZoomIn: string;
+        tipClose: string;
+    };
+};
+export default enGB;

package/lib/locales/common/enGB.js

@@ -0,0 +1,111 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const enGB = {
+    name: 'en-GB',
+    global: {
+        undo: 'Undo',
+        redo: 'Redo',
+        confirm: 'Confirm'
+    },
+    Popconfirm: {
+        positiveText: 'Confirm',
+        negativeText: 'Cancel'
+    },
+    Cascader: {
+        placeholder: 'Please Select',
+        loading: 'Loading',
+        loadingRequiredMessage: (label) => `Please load all ${label}'s descendants before checking it.`
+    },
+    Time: {
+        dateFormat: 'yyyy/MM/dd',
+        dateTimeFormat: 'yyyy/MM/dd HH:mm:ss'
+    },
+    DatePicker: {
+        yearFormat: 'yyyy',
+        monthFormat: 'MMM',
+        dayFormat: 'eeeeee',
+        yearTypeFormat: 'yyyy',
+        monthTypeFormat: 'yyyy/MM',
+        dateFormat: 'yyyy/MM/dd',
+        dateTimeFormat: 'yyyy/MM/dd HH:mm:ss',
+        quarterFormat: 'yyyy-qqq',
+        clear: 'Clear',
+        now: 'Now',
+        confirm: 'Confirm',
+        selectTime: 'Select Time',
+        selectDate: 'Select Date',
+        datePlaceholder: 'Select Date',
+        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',
+        endDatetimePlaceholder: 'End Date and Time',
+        monthBeforeYear: true,
+        firstDayOfWeek: 0,
+        today: 'Today'
+    },
+    DataTable: {
+        checkTableAll: 'Select all in the table',
+        uncheckTableAll: 'Unselect all in the table',
+        confirm: 'Confirm',
+        clear: 'Clear'
+    },
+    Transfer: {
+        sourceTitle: 'Source',
+        targetTitle: 'Target'
+    },
+    Empty: {
+        description: 'No Data'
+    },
+    Select: {
+        placeholder: 'Please Select'
+    },
+    TimePicker: {
+        placeholder: 'Select Time',
+        positiveText: 'OK',
+        negativeText: 'Cancel',
+        now: 'Now'
+    },
+    Pagination: {
+        goto: 'Goto',
+        selectionSuffix: 'page'
+    },
+    DynamicTags: {
+        add: 'Add'
+    },
+    Log: {
+        loading: 'Loading'
+    },
+    Input: {
+        placeholder: 'Please Input'
+    },
+    InputNumber: {
+        placeholder: 'Please Input'
+    },
+    DynamicInput: {
+        create: 'Create'
+    },
+    ThemeEditor: {
+        title: 'Theme Editor',
+        clearAllVars: 'Clear All Variables',
+        clearSearch: 'Clear Search',
+        filterCompName: 'Filter Component Name',
+        filterVarName: 'Filter Variable Name',
+        import: 'Import',
+        export: 'Export',
+        restore: 'Reset to Default'
+    },
+    Image: {
+        tipPrevious: 'Previous picture (←)',
+        tipNext: 'Next picture (→)',
+        tipCounterclockwise: 'Counterclockwise',
+        tipClockwise: 'Clockwise',
+        tipZoomOut: 'Zoom out',
+        tipZoomIn: 'Zoom in',
+        tipClose: 'Close (Esc)'
+    }
+};
+exports.default = enGB;

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

@@ -0,0 +1,109 @@
+declare const eo: {
+    name: string;
+    global: {
+        undo: string;
+        redo: string;
+        confirm: string;
+    };
+    Popconfirm: {
+        positiveText: string;
+        negativeText: string;
+    };
+    Cascader: {
+        placeholder: string;
+        loading: string;
+        loadingRequiredMessage: (label: string) => string;
+    };
+    Time: {
+        dateFormat: string;
+        dateTimeFormat: string;
+    };
+    DatePicker: {
+        yearFormat: string;
+        monthFormat: string;
+        dayFormat: string;
+        yearTypeFormat: string;
+        monthTypeFormat: string;
+        dateFormat: string;
+        dateTimeFormat: string;
+        quarterFormat: string;
+        clear: string;
+        now: string;
+        confirm: string;
+        selectTime: string;
+        selectDate: string;
+        datePlaceholder: string;
+        datetimePlaceholder: string;
+        monthPlaceholder: string;
+        yearPlaceholder: string;
+        quarterPlaceholder: string;
+        startDatePlaceholder: string;
+        endDatePlaceholder: string;
+        startDatetimePlaceholder: string;
+        endDatetimePlaceholder: string;
+        monthBeforeYear: boolean;
+        firstDayOfWeek: 0 | 2 | 1 | 3 | 4 | 5 | 6;
+        today: string;
+    };
+    DataTable: {
+        checkTableAll: string;
+        uncheckTableAll: string;
+        confirm: string;
+        clear: string;
+    };
+    Transfer: {
+        sourceTitle: string;
+        targetTitle: string;
+    };
+    Empty: {
+        description: string;
+    };
+    Select: {
+        placeholder: string;
+    };
+    TimePicker: {
+        placeholder: string;
+        positiveText: string;
+        negativeText: string;
+        now: string;
+    };
+    Pagination: {
+        goto: string;
+        selectionSuffix: string;
+    };
+    DynamicTags: {
+        add: string;
+    };
+    Log: {
+        loading: string;
+    };
+    Input: {
+        placeholder: string;
+    };
+    InputNumber: {
+        placeholder: string;
+    };
+    DynamicInput: {
+        create: string;
+    };
+    ThemeEditor: {
+        title: string;
+        clearAllVars: string;
+        clearSearch: string;
+        filterCompName: string;
+        filterVarName: string;
+        import: string;
+        export: string;
+        restore: string;
+    };
+    Image: {
+        tipPrevious: string;
+        tipNext: string;
+        tipCounterclockwise: string;
+        tipClockwise: string;
+        tipZoomOut: string;
+        tipZoomIn: string;
+        tipClose: string;
+    };
+};
+export default eo;