naive-ui 2.25.0 → 2.25.3

package/es/layout/src/LayoutFooter.js

@@ -1,5 +1,5 @@
 import { h, computed, defineComponent } from 'vue';
-import { useConfig, useTheme } from '../../_mixins';
+import { useConfig, useTheme, useThemeClass } from '../../_mixins';
 import { layoutLight } from '../styles';
 import { positionProp } from './interface';
 import style from './styles/layout-footer.cssr';
@@ -8,33 +8,42 @@ export default defineComponent({
     name: 'LayoutFooter',
     props: layoutFooterProps,
     setup(props) {
-        const { mergedClsPrefixRef } = useConfig(props);
+        const { mergedClsPrefixRef, inlineThemeDisabled } = useConfig(props);
         const themeRef = useTheme('Layout', '-layout-footer', style, layoutLight, props, mergedClsPrefixRef);
+        const cssVarsRef = computed(() => {
+            const { common: { cubicBezierEaseInOut }, self } = themeRef.value;
+            const vars = {
+                '--n-bezier': cubicBezierEaseInOut
+            };
+            if (props.inverted) {
+                vars['--n-color'] = self.footerColorInverted;
+                vars['--n-text-color'] = self.textColorInverted;
+                vars['--n-border-color'] = self.footerBorderColorInverted;
+            }
+            else {
+                vars['--n-color'] = self.footerColor;
+                vars['--n-text-color'] = self.textColor;
+                vars['--n-border-color'] = self.footerBorderColor;
+            }
+            return vars;
+        });
+        const themeClassHandle = inlineThemeDisabled
+            ? useThemeClass('layout-footer', computed(() => (props.inverted ? 'a' : 'b')), cssVarsRef, props)
+            : undefined;
         return {
             mergedClsPrefix: mergedClsPrefixRef,
-            cssVars: computed(() => {
-                const { common: { cubicBezierEaseInOut }, self } = themeRef.value;
-                const vars = {
-                    '--n-bezier': cubicBezierEaseInOut
-                };
-                if (props.inverted) {
-                    vars['--n-color'] = self.footerColorInverted;
-                    vars['--n-text-color'] = self.textColorInverted;
-                    vars['--n-border-color'] = self.footerBorderColorInverted;
-                }
-                else {
-                    vars['--n-color'] = self.footerColor;
-                    vars['--n-text-color'] = self.textColor;
-                    vars['--n-border-color'] = self.footerBorderColor;
-                }
-                return vars;
-            })
+            cssVars: inlineThemeDisabled ? undefined : cssVarsRef,
+            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
+            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
         };
     },
     render() {
+        var _a;
         const { mergedClsPrefix } = this;
+        (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
         return (h("div", { class: [
                 `${mergedClsPrefix}-layout-footer`,
+                this.themeClass,
                 this.position &&
                     `${mergedClsPrefix}-layout-footer--${this.position}-positioned`,
                 this.bordered && `${mergedClsPrefix}-layout-footer--bordered`

package/es/layout/src/LayoutHeader.d.ts

@@ -113,7 +113,9 @@ declare const _default: import("vue").DefineComponent<{
     }>>>;
 }, {
     mergedClsPrefix: import("vue").ComputedRef<string>;
-    cssVars: import("vue").ComputedRef<any>;
+    cssVars: import("vue").ComputedRef<any> | undefined;
+    themeClass: import("vue").Ref<string> | undefined;
+    onRender: (() => void) | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     position: {
         readonly type: import("vue").PropType<"static" | "absolute">;

package/es/layout/src/LayoutHeader.js

@@ -1,5 +1,5 @@
 import { h, defineComponent, computed } from 'vue';
-import { useConfig, useTheme } from '../../_mixins';
+import { useConfig, useTheme, useThemeClass } from '../../_mixins';
 import { layoutLight } from '../styles';
 import { positionProp } from './interface';
 import style from './styles/layout-header.cssr';
@@ -15,33 +15,42 @@ export default defineComponent({
     name: 'LayoutHeader',
     props: Object.assign(Object.assign({}, useTheme.props), headerProps),
     setup(props) {
-        const { mergedClsPrefixRef } = useConfig(props);
+        const { mergedClsPrefixRef, inlineThemeDisabled } = useConfig(props);
         const themeRef = useTheme('Layout', '-layout-header', style, layoutLight, props, mergedClsPrefixRef);
+        const cssVarsRef = computed(() => {
+            const { common: { cubicBezierEaseInOut }, self } = themeRef.value;
+            const vars = {
+                '--n-bezier': cubicBezierEaseInOut
+            };
+            if (props.inverted) {
+                vars['--n-color'] = self.headerColorInverted;
+                vars['--n-text-color'] = self.textColorInverted;
+                vars['--n-border-color'] = self.headerBorderColorInverted;
+            }
+            else {
+                vars['--n-color'] = self.headerColor;
+                vars['--n-text-color'] = self.textColor;
+                vars['--n-border-color'] = self.headerBorderColor;
+            }
+            return vars;
+        });
+        const themeClassHandle = inlineThemeDisabled
+            ? useThemeClass('layout-header', computed(() => (props.inverted ? 'a' : 'b')), cssVarsRef, props)
+            : undefined;
         return {
             mergedClsPrefix: mergedClsPrefixRef,
-            cssVars: computed(() => {
-                const { common: { cubicBezierEaseInOut }, self } = themeRef.value;
-                const vars = {
-                    '--n-bezier': cubicBezierEaseInOut
-                };
-                if (props.inverted) {
-                    vars['--n-color'] = self.headerColorInverted;
-                    vars['--n-text-color'] = self.textColorInverted;
-                    vars['--n-border-color'] = self.headerBorderColorInverted;
-                }
-                else {
-                    vars['--n-color'] = self.headerColor;
-                    vars['--n-text-color'] = self.textColor;
-                    vars['--n-border-color'] = self.headerBorderColor;
-                }
-                return vars;
-            })
+            cssVars: inlineThemeDisabled ? undefined : cssVarsRef,
+            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
+            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
         };
     },
     render() {
+        var _a;
         const { mergedClsPrefix } = this;
+        (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
         return (h("div", { class: [
                 `${mergedClsPrefix}-layout-header`,
+                this.themeClass,
                 this.position &&
                     `${mergedClsPrefix}-layout-header--${this.position}-positioned`,
                 this.bordered && `${mergedClsPrefix}-layout-header--bordered`

package/es/layout/src/LayoutSider.d.ts

@@ -206,6 +206,7 @@ declare const _default: import("vue").DefineComponent<{
         containerScrollTop: number;
         syncUnifiedContainer: () => void;
         scrollTo: import("../../_internal/scrollbar/src/ScrollBar").ScrollTo;
+        scrollBy: import("../../_internal/scrollbar/src/ScrollBar").ScrollBy;
         sync: () => void;
         handleMouseEnterWrapper: () => void;
         handleMouseLeaveWrapper: () => void;
@@ -360,7 +361,10 @@ declare const _default: import("vue").DefineComponent<{
     siderPlacement: import("vue").ComputedRef<"left" | "right">;
     handleTransitionend: (e: TransitionEvent) => void;
     handleTriggerClick: () => void;
+    inlineThemeDisabled: boolean | undefined;
     cssVars: import("vue").ComputedRef<any>;
+    themeClass: import("vue").Ref<string> | undefined;
+    onRender: (() => void) | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     position: {
         readonly type: PropType<"static" | "absolute">;

package/es/layout/src/LayoutSider.js

@@ -1,6 +1,6 @@
 import { h, defineComponent, computed, ref, toRef, inject, provide } from 'vue';
 import { useMergedState } from 'vooks';
-import { useConfig, useTheme } from '../../_mixins';
+import { useConfig, useTheme, useThemeClass } from '../../_mixins';
 import { formatLength, call, warn } from '../../_utils';
 import { NScrollbar } from '../../_internal';
 import { layoutLight } from '../styles';
@@ -134,7 +134,7 @@ export default defineComponent({
             collapsedRef: mergedCollapsedRef,
             collapseModeRef: toRef(props, 'collapseMode')
         });
-        const { mergedClsPrefixRef } = useConfig(props);
+        const { mergedClsPrefixRef, inlineThemeDisabled } = useConfig(props);
         const themeRef = useTheme('Layout', '-layout-sider', style, layoutLight, props, mergedClsPrefixRef);
         function handleTransitionend(e) {
             var _a, _b;
@@ -150,39 +150,47 @@ export default defineComponent({
         const exposedMethods = {
             scrollTo
         };
+        const cssVarsRef = computed(() => {
+            const { common: { cubicBezierEaseInOut }, self } = themeRef.value;
+            const { siderToggleButtonColor, siderToggleButtonBorder, siderToggleBarColor, siderToggleBarColorHover } = self;
+            const vars = {
+                '--n-bezier': cubicBezierEaseInOut,
+                '--n-toggle-button-color': siderToggleButtonColor,
+                '--n-toggle-button-border': siderToggleButtonBorder,
+                '--n-toggle-bar-color': siderToggleBarColor,
+                '--n-toggle-bar-color-hover': siderToggleBarColorHover
+            };
+            if (props.inverted) {
+                vars['--n-color'] = self.siderColorInverted;
+                vars['--n-text-color'] = self.textColorInverted;
+                vars['--n-border-color'] = self.siderBorderColorInverted;
+                vars['--n-toggle-button-icon-color'] =
+                    self.siderToggleButtonIconColorInverted;
+                vars.__invertScrollbar = self.__invertScrollbar;
+            }
+            else {
+                vars['--n-color'] = self.siderColor;
+                vars['--n-text-color'] = self.textColor;
+                vars['--n-border-color'] = self.siderBorderColor;
+                vars['--n-toggle-button-icon-color'] = self.siderToggleButtonIconColor;
+            }
+            return vars;
+        });
+        const themeClassHandle = inlineThemeDisabled
+            ? useThemeClass('layout-sider', computed(() => (props.inverted ? 'a' : 'b')), cssVarsRef, props)
+            : undefined;
         return Object.assign({ scrollableElRef,
             scrollbarInstRef, mergedClsPrefix: mergedClsPrefixRef, mergedTheme: themeRef, styleMaxWidth: styleMaxWidthRef, mergedCollapsed: mergedCollapsedRef, scrollContainerStyle: scrollContainerStyleRef, siderPlacement: siderPlacementRef, handleTransitionend,
-            handleTriggerClick, cssVars: computed(() => {
-                const { common: { cubicBezierEaseInOut }, self } = themeRef.value;
-                const { siderToggleButtonColor, siderToggleButtonBorder, siderToggleBarColor, siderToggleBarColorHover } = self;
-                const vars = {
-                    '--n-bezier': cubicBezierEaseInOut,
-                    '--n-toggle-button-color': siderToggleButtonColor,
-                    '--n-toggle-button-border': siderToggleButtonBorder,
-                    '--n-toggle-bar-color': siderToggleBarColor,
-                    '--n-toggle-bar-color-hover': siderToggleBarColorHover
-                };
-                if (props.inverted) {
-                    vars['--n-color'] = self.siderColorInverted;
-                    vars['--n-text-color'] = self.textColorInverted;
-                    vars['--n-border-color'] = self.siderBorderColorInverted;
-                    vars['--n-toggle-button-icon-color'] =
-                        self.siderToggleButtonIconColorInverted;
-                    vars.__invertScrollbar = self.__invertScrollbar;
-                }
-                else {
-                    vars['--n-color'] = self.siderColor;
-                    vars['--n-text-color'] = self.textColor;
-                    vars['--n-border-color'] = self.siderBorderColor;
-                    vars['--n-toggle-button-icon-color'] = self.siderToggleButtonIconColor;
-                }
-                return vars;
-            }) }, exposedMethods);
+            handleTriggerClick,
+            inlineThemeDisabled, cssVars: cssVarsRef, themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass, onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender }, exposedMethods);
     },
     render() {
+        var _a;
         const { mergedClsPrefix, mergedCollapsed, showTrigger } = this;
+        (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
         return (h("aside", { class: [
                 `${mergedClsPrefix}-layout-sider`,
+                this.themeClass,
                 `${mergedClsPrefix}-layout-sider--${this.position}-positioned`,
                 `${mergedClsPrefix}-layout-sider--${this.siderPlacement}-placement`,
                 this.bordered && `${mergedClsPrefix}-layout-sider--bordered`,
@@ -190,7 +198,7 @@ export default defineComponent({
                 (!mergedCollapsed || this.showCollapsedContent) &&
                     `${mergedClsPrefix}-layout-sider--show-content`
             ], onTransitionend: this.handleTransitionend, style: [
-                this.cssVars,
+                this.inlineThemeDisabled ? undefined : this.cssVars,
                 {
                     maxWidth: this.styleMaxWidth,
                     width: formatLength(this.width)

package/es/locales/common/deDE.js

@@ -15,8 +15,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',
@@ -24,8 +24,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',
@@ -35,9 +35,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',
@@ -97,15 +96,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)'
     }
 };
 export default deDE;

package/es/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/es/locales/common/enGB.js

@@ -0,0 +1,109 @@
+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)'
+    }
+};
+export default enGB;

package/es/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;