naive-ui 2.19.10 → 2.19.11

package/lib/theme-editor/src/ThemeEditor.js

@@ -0,0 +1,305 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const vue_1 = require("vue");
+const lodash_1 = require("lodash");
+const light_1 = require("../../themes/light");
+const config_provider_1 = require("../../config-provider");
+const popover_1 = require("../../popover");
+const _internal_1 = require("../../_internal");
+const collapse_1 = require("../../collapse");
+const input_1 = require("../../input");
+const space_1 = require("../../space");
+const _mixins_1 = require("../../_mixins");
+const element_1 = require("../../element");
+const divider_1 = require("../../divider");
+const button_1 = require("../../button");
+const color_picker_1 = require("../../color-picker");
+const empty_1 = require("../../empty");
+const ColorWandIcon = ((0, vue_1.h)("svg", { viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", style: { width: '1em', height: '1em', color: 'currentColor' } },
+    (0, vue_1.h)("path", { d: "M13.5 1C13.7761 1 14 1.22386 14 1.5V2H14.5C14.7761 2 15 2.22386 15 2.5C15 2.77614 14.7761 3 14.5 3H14V3.5C14 3.77614 13.7761 4 13.5 4C13.2239 4 13 3.77614 13 3.5V3H12.5C12.2239 3 12 2.77614 12 2.5C12 2.22386 12.2239 2 12.5 2H13V1.5C13 1.22386 13.2239 1 13.5 1Z", fill: "currentColor" }),
+    (0, vue_1.h)("path", { d: "M3.5 3C3.77615 3 4 3.22386 4 3.5V4H4.5C4.77615 4 5 4.22386 5 4.5C5 4.77614 4.77615 5 4.5 5H4V5.5C4 5.77614 3.77615 6 3.5 6C3.22386 6 3 5.77614 3 5.5V5H2.5C2.22386 5 2 4.77614 2 4.5C2 4.22386 2.22386 4 2.5 4H3V3.5C3 3.22386 3.22386 3 3.5 3Z", fill: "currentColor" }),
+    (0, vue_1.h)("path", { d: "M12.5 12C12.7761 12 13 11.7761 13 11.5C13 11.2239 12.7761 11 12.5 11H12V10.5C12 10.2239 11.7761 10 11.5 10C11.2239 10 11 10.2239 11 10.5V11H10.5C10.2239 11 10 11.2239 10 11.5C10 11.7761 10.2239 12 10.5 12H11V12.5C11 12.7761 11.2239 13 11.5 13C11.7761 13 12 12.7761 12 12.5V12H12.5Z", fill: "currentColor" }),
+    (0, vue_1.h)("path", { d: "M8.72956 4.56346C9.4771 3.81592 10.6891 3.81592 11.4367 4.56347C12.1842 5.31102 12.1842 6.52303 11.4367 7.27058L4.26679 14.4404C3.51924 15.1879 2.30723 15.1879 1.55968 14.4404C0.812134 13.6928 0.812138 12.4808 1.55969 11.7333L8.72956 4.56346ZM8.25002 6.4572L2.26679 12.4404C1.90977 12.7974 1.90977 13.3763 2.26679 13.7333C2.62381 14.0903 3.20266 14.0903 3.55968 13.7333L9.54292 7.75009L8.25002 6.4572ZM10.25 7.04299L10.7295 6.56347C11.0866 6.20645 11.0866 5.6276 10.7296 5.27057C10.3725 4.91355 9.79368 4.91355 9.43666 5.27057L8.95713 5.7501L10.25 7.04299Z", fill: "currentColor" })));
+exports.default = (0, vue_1.defineComponent)({
+    name: 'ThemeEditor',
+    inheritAttrs: false,
+    setup() {
+        const fileInputRef = (0, vue_1.ref)(null);
+        const { NConfigProvider } = (0, _mixins_1.useConfig)();
+        const theme = (0, vue_1.computed)(() => {
+            var _a, _b, _c, _d;
+            const mergedTheme = (NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedThemeRef.value) || light_1.lightTheme;
+            const mergedThemeOverrides = NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedThemeOverridesRef.value;
+            const common = (0, lodash_1.merge)({}, mergedTheme.common || light_1.lightTheme.common, mergedThemeOverrides === null || mergedThemeOverrides === void 0 ? void 0 : mergedThemeOverrides.common, overridesRef.value.common || {});
+            const overrides = {
+                common
+            };
+            for (const key of Object.keys(light_1.lightTheme)) {
+                if (key === 'common')
+                    continue;
+                overrides[key] = (((_b = (_a = mergedTheme[key]) === null || _a === void 0 ? void 0 : _a.self) === null || _b === void 0 ? void 0 : _b.call(_a, common)) ||
+                    ((_d = (_c = light_1.lightTheme[key]).self) === null || _d === void 0 ? void 0 : _d.call(_c, common)));
+                // There (last line) we must use as any, nor ts 2590 will be raised since the union
+                // is too complex
+                if (mergedThemeOverrides && overrides[key]) {
+                    (0, lodash_1.merge)(overrides[key], mergedThemeOverrides[key]);
+                }
+            }
+            return overrides;
+        });
+        const themeCommonDefaultRef = (0, vue_1.computed)(() => {
+            var _a;
+            return ((_a = NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedThemeRef.value) === null || _a === void 0 ? void 0 : _a.common) || light_1.lightTheme.common;
+        });
+        const showPanelRef = (0, vue_1.ref)(false);
+        const overridesRef = (0, vue_1.ref)(JSON.parse(localStorage['naive-ui-theme-overrides'] || '{}'));
+        const tempOverridesRef = (0, vue_1.ref)(JSON.parse(localStorage['naive-ui-theme-overrides'] || '{}'));
+        const varNamePatternRef = (0, vue_1.ref)('');
+        const compNamePatternRef = (0, vue_1.ref)('');
+        const tempVarNamePatternRef = (0, vue_1.ref)('');
+        const tempCompNamePatternRef = (0, vue_1.ref)('');
+        function applyTempOverrides() {
+            overridesRef.value = (0, lodash_1.cloneDeep)((0, vue_1.toRaw)(tempOverridesRef.value));
+        }
+        function setTempOverrides(compName, varName, value) {
+            const { value: tempOverrides } = tempOverridesRef;
+            if (!(compName in tempOverrides))
+                tempOverrides[compName] = {};
+            const compOverrides = tempOverrides[compName];
+            if (value) {
+                compOverrides[varName] = value;
+            }
+            else {
+                // eslint-disable-next-line @typescript-eslint/no-dynamic-delete
+                delete compOverrides[varName];
+            }
+        }
+        function handleClearAllClick() {
+            tempOverridesRef.value = {};
+            overridesRef.value = {};
+        }
+        function handleImportClick() {
+            const { value: fileInput } = fileInputRef;
+            if (!fileInput)
+                return;
+            fileInput.click();
+        }
+        function handleInputFileChange() {
+            const { value: fileInput } = fileInputRef;
+            if (!fileInput)
+                return;
+            const fileList = fileInput.files;
+            const file = fileList === null || fileList === void 0 ? void 0 : fileList[0];
+            if (!file)
+                return;
+            file
+                .text()
+                .then((value) => {
+                overridesRef.value = JSON.parse(value);
+                tempOverridesRef.value = JSON.parse(value);
+            })
+                .catch((e) => {
+                alert('Imported File is Invalid');
+                console.error(e);
+            })
+                .finally(() => {
+                fileInput.value = '';
+            });
+        }
+        function handleExportClick() {
+            const url = URL.createObjectURL(new Blob([JSON.stringify(overridesRef.value, undefined, 2)]));
+            const a = document.createElement('a');
+            a.href = url;
+            a.download = 'naive-ui-theme-overrides.json';
+            document.body.appendChild(a);
+            a.click();
+            document.body.removeChild(a);
+            URL.revokeObjectURL(url);
+        }
+        (0, vue_1.watch)(overridesRef, (value) => {
+            localStorage['naive-ui-theme-overrides'] = JSON.stringify(value);
+        });
+        return {
+            locale: (0, _mixins_1.useLocale)('ThemeEditor').localeRef,
+            themeCommonDefault: themeCommonDefaultRef,
+            theme,
+            showPanel: showPanelRef,
+            tempOverrides: tempOverridesRef,
+            overrides: overridesRef,
+            compNamePattern: compNamePatternRef,
+            tempCompNamePattern: tempCompNamePatternRef,
+            varNamePattern: varNamePatternRef,
+            tempVarNamePattern: tempVarNamePatternRef,
+            fileInputRef,
+            applyTempOverrides,
+            setTempOverrides,
+            handleClearAllClick,
+            handleExportClick,
+            handleImportClick,
+            handleInputFileChange
+        };
+    },
+    render() {
+        return ((0, vue_1.h)(config_provider_1.NConfigProvider, { themeOverrides: this.overrides }, {
+            default: () => [
+                (0, vue_1.h)(popover_1.NPopover, { trigger: "manual", show: this.showPanel, displayDirective: "show", placement: "top-end", style: {
+                        width: '288px',
+                        height: 'calc(100vh - 200px)',
+                        padding: 0
+                    } }, {
+                    trigger: () => ((0, vue_1.h)(element_1.NElement, { style: [
+                            {
+                                position: 'fixed',
+                                zIndex: 10,
+                                bottom: '40px',
+                                right: '40px',
+                                width: '44px',
+                                height: '44px',
+                                fontSize: '26px',
+                                display: 'flex',
+                                alignItems: 'center',
+                                justifyContent: 'center',
+                                borderRadius: '50%',
+                                backgroundColor: 'var(--popover-color)',
+                                color: 'var(--text-color-2)',
+                                transition: 'all .3s var(--cubic-bezier-ease-in-out)',
+                                boxShadow: '0 2px 8px 0px rgba(0, 0, 0, .12)',
+                                cursor: 'pointer'
+                            },
+                            this.$attrs.style
+                        ], 
+                        // @ts-expect-error
+                        onClick: () => {
+                            this.showPanel = !this.showPanel;
+                        } }, { default: () => ColorWandIcon })),
+                    default: () => ((0, vue_1.h)(_internal_1.NScrollbar, { contentStyle: { padding: '8px 14px' } }, {
+                        default: () => ((0, vue_1.h)(vue_1.Fragment, null,
+                            (0, vue_1.h)(space_1.NSpace, { vertical: true }, {
+                                default: () => ((0, vue_1.h)(vue_1.Fragment, null,
+                                    (0, vue_1.h)("input", { type: "file", ref: "fileInputRef", style: {
+                                            display: 'block',
+                                            width: 0,
+                                            height: 0,
+                                            visibility: 'hidden'
+                                        }, onChange: this.handleInputFileChange }),
+                                    (0, vue_1.h)("div", { style: {
+                                            marginBottom: '8px',
+                                            fontSize: '18px',
+                                            fontWeight: 500
+                                        } }, this.locale.title),
+                                    this.locale.filterCompName,
+                                    (0, vue_1.h)(input_1.NInput, { onChange: () => {
+                                            this.compNamePattern =
+                                                this.tempCompNamePattern;
+                                        }, onInput: (value) => {
+                                            this.tempCompNamePattern = value;
+                                        }, value: this.tempCompNamePattern, placeholder: this.locale.filterCompName }),
+                                    this.locale.filterVarName,
+                                    (0, vue_1.h)(input_1.NInput, { onChange: (value) => {
+                                            this.varNamePattern = value;
+                                        }, onInput: (value) => {
+                                            this.tempVarNamePattern = value;
+                                        }, value: this.tempVarNamePattern, placeholder: this.locale.filterVarName }),
+                                    (0, vue_1.h)(button_1.NButton, { size: "small", onClick: () => {
+                                            this.compNamePattern = '';
+                                            this.varNamePattern = '';
+                                            this.tempCompNamePattern = '';
+                                            this.tempVarNamePattern = '';
+                                        }, block: true }, { default: () => this.locale.clearSearch }),
+                                    (0, vue_1.h)(button_1.NButton, { size: "small", onClick: this.handleClearAllClick, block: true }, {
+                                        default: () => this.locale.clearAllVars
+                                    }),
+                                    (0, vue_1.h)(space_1.NSpace, { itemStyle: { flex: 1 } }, {
+                                        default: () => ((0, vue_1.h)(vue_1.Fragment, null,
+                                            (0, vue_1.h)(button_1.NButton, { block: true, size: "small", onClick: this.handleImportClick }, {
+                                                default: () => this.locale.import
+                                            }),
+                                            (0, vue_1.h)(button_1.NButton, { block: true, size: "small", onClick: this.handleExportClick }, {
+                                                default: () => this.locale.export
+                                            })))
+                                    })))
+                            }),
+                            (0, vue_1.h)(divider_1.NDivider, null),
+                            (0, vue_1.h)(collapse_1.NCollapse, null, {
+                                default: () => {
+                                    const { theme, compNamePattern, varNamePattern } = this;
+                                    const themeKeys = Object.keys(theme);
+                                    const compNamePatternLower = compNamePattern.toLowerCase();
+                                    const varNamePatternLower = varNamePattern.toLowerCase();
+                                    let filteredItemsCount = 0;
+                                    const collapsedItems = themeKeys
+                                        .filter((themeKey) => {
+                                        return themeKey
+                                            .toLowerCase()
+                                            .includes(compNamePatternLower);
+                                    })
+                                        .map((themeKey) => {
+                                        const componentTheme = themeKey === 'common'
+                                            ? this.themeCommonDefault
+                                            : theme[themeKey];
+                                        if (componentTheme === undefined) {
+                                            return null;
+                                        }
+                                        const varKeys = Object.keys(componentTheme).filter((key) => {
+                                            return (key !== 'name' &&
+                                                key
+                                                    .toLowerCase()
+                                                    .includes(varNamePatternLower));
+                                        });
+                                        if (!varKeys.length) {
+                                            return null;
+                                        }
+                                        filteredItemsCount += 1;
+                                        return ((0, vue_1.h)(collapse_1.NCollapseItem, { title: themeKey, name: themeKey }, {
+                                            default: () => {
+                                                return ((0, vue_1.h)(space_1.NSpace, { vertical: true }, {
+                                                    default: () => varKeys.map((varKey) => {
+                                                        var _a, _b, _c, _d;
+                                                        return [
+                                                            (0, vue_1.h)("div", { key: `${varKey}Label` }, varKey),
+                                                            varKey.includes('color') ||
+                                                                varKey.includes('Color') ? ((0, vue_1.h)(color_picker_1.NColorPicker, { key: varKey, modes: [
+                                                                    'rgb',
+                                                                    'hex'
+                                                                ], value: ((_b = (_a = this
+                                                                    .tempOverrides) === null || _a === void 0 ? void 0 : _a[themeKey]) === null || _b === void 0 ? void 0 : _b[varKey]) ||
+                                                                    componentTheme[varKey], onComplete: this
+                                                                    .applyTempOverrides, onUpdateValue: (value) => {
+                                                                    this.setTempOverrides(themeKey, varKey, value);
+                                                                } }, {
+                                                                action: () => {
+                                                                    var _a, _b;
+                                                                    return ((0, vue_1.h)(button_1.NButton, { size: "small", disabled: componentTheme[varKey] ===
+                                                                            ((_b = (_a = this
+                                                                                .tempOverrides) === null || _a === void 0 ? void 0 : _a[themeKey]) === null || _b === void 0 ? void 0 : _b[varKey]), onClick: () => {
+                                                                            this.setTempOverrides(themeKey, varKey, componentTheme[varKey]);
+                                                                            this.applyTempOverrides();
+                                                                        } }, {
+                                                                        default: () => this
+                                                                            .locale
+                                                                            .restore
+                                                                    }));
+                                                                }
+                                                            })) : ((0, vue_1.h)(input_1.NInput, { key: varKey, onChange: this
+                                                                    .applyTempOverrides, onUpdateValue: (value) => {
+                                                                    this.setTempOverrides(themeKey, varKey, value);
+                                                                }, value: ((_d = (_c = this
+                                                                    .tempOverrides) === null || _c === void 0 ? void 0 : _c[themeKey]) === null || _d === void 0 ? void 0 : _d[varKey]) || '', placeholder: componentTheme[varKey] }))
+                                                        ];
+                                                    })
+                                                }));
+                                            }
+                                        }));
+                                    });
+                                    if (!filteredItemsCount)
+                                        return (0, vue_1.h)(empty_1.NEmpty, null);
+                                    return collapsedItems;
+                                }
+                            })))
+                    }))
+                }),
+                (0, vue_1.renderSlot)(this.$slots, 'default')
+            ]
+        }));
+    }
+});

package/lib/themes/dark.d.ts

@@ -0,0 +1,2 @@
+import type { BuiltInGlobalTheme } from './interface';
+export declare const darkTheme: BuiltInGlobalTheme;

package/lib/themes/dark.js

@@ -0,0 +1,155 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.darkTheme = void 0;
+const common_1 = require("../_styles/common");
+const styles_1 = require("../alert/styles");
+const styles_2 = require("../anchor/styles");
+const styles_3 = require("../auto-complete/styles");
+const styles_4 = require("../avatar/styles");
+const styles_5 = require("../back-top/styles");
+const styles_6 = require("../badge/styles");
+const styles_7 = require("../breadcrumb/styles");
+const styles_8 = require("../button/styles");
+const styles_9 = require("../calendar/styles");
+const styles_10 = require("../card/styles");
+const styles_11 = require("../carousel/styles");
+const styles_12 = require("../cascader/styles");
+const styles_13 = require("../checkbox/styles");
+const styles_14 = require("../code/styles");
+const styles_15 = require("../collapse/styles");
+const styles_16 = require("../collapse-transition/styles");
+const styles_17 = require("../color-picker/styles");
+const styles_18 = require("../data-table/styles");
+const styles_19 = require("../date-picker/styles");
+const styles_20 = require("../descriptions/styles");
+const styles_21 = require("../dialog/styles");
+const styles_22 = require("../divider/styles");
+const styles_23 = require("../drawer/styles");
+const styles_24 = require("../dropdown/styles");
+const styles_25 = require("../dynamic-input/styles");
+const styles_26 = require("../dynamic-tags/styles");
+const styles_27 = require("../element/styles");
+const styles_28 = require("../ellipsis/styles");
+const styles_29 = require("../empty/styles");
+const styles_30 = require("../form/styles");
+const styles_31 = require("../gradient-text/styles");
+const styles_32 = require("../icon/styles");
+const styles_33 = require("../image/styles");
+const styles_34 = require("../input/styles");
+const styles_35 = require("../input-number/styles");
+const styles_36 = require("../layout/styles");
+const styles_37 = require("../list/styles");
+const styles_38 = require("../loading-bar/styles");
+const styles_39 = require("../log/styles");
+const styles_40 = require("../menu/styles");
+const styles_41 = require("../mention/styles");
+const styles_42 = require("../message/styles");
+const styles_43 = require("../modal/styles");
+const styles_44 = require("../notification/styles");
+const styles_45 = require("../page-header/styles");
+const styles_46 = require("../pagination/styles");
+const styles_47 = require("../popconfirm/styles");
+const styles_48 = require("../popover/styles");
+const styles_49 = require("../popselect/styles");
+const styles_50 = require("../progress/styles");
+const styles_51 = require("../radio/styles");
+const styles_52 = require("../rate/styles");
+const styles_53 = require("../result/styles");
+const styles_54 = require("../_internal/scrollbar/styles");
+const styles_55 = require("../select/styles");
+const styles_56 = require("../skeleton/styles");
+const styles_57 = require("../slider/styles");
+const styles_58 = require("../space/styles");
+const styles_59 = require("../spin/styles");
+const styles_60 = require("../statistic/styles");
+const styles_61 = require("../steps/styles");
+const styles_62 = require("../switch/styles");
+const styles_63 = require("../table/styles");
+const styles_64 = require("../tabs/styles");
+const styles_65 = require("../tag/styles");
+const styles_66 = require("../thing/styles");
+const styles_67 = require("../time-picker/styles");
+const styles_68 = require("../timeline/styles");
+const styles_69 = require("../tooltip/styles");
+const styles_70 = require("../transfer/styles");
+const styles_71 = require("../tree-select/styles");
+const styles_72 = require("../typography/styles");
+const styles_73 = require("../tree/styles");
+const styles_74 = require("../upload/styles");
+exports.darkTheme = {
+    common: common_1.commonDark,
+    Alert: styles_1.alertDark,
+    Anchor: styles_2.anchorDark,
+    AutoComplete: styles_3.autoCompleteDark,
+    Avatar: styles_4.avatarDark,
+    BackTop: styles_5.backTopDark,
+    Badge: styles_6.badgeDark,
+    Breadcrumb: styles_7.breadcrumbDark,
+    Button: styles_8.buttonDark,
+    Calendar: styles_9.calendarDark,
+    Card: styles_10.cardDark,
+    Carousel: styles_11.carouselDark,
+    Cascader: styles_12.cascaderDark,
+    Checkbox: styles_13.checkboxDark,
+    Code: styles_14.codeDark,
+    Collapse: styles_15.collapseDark,
+    CollapseTransition: styles_16.collapseTransitionDark,
+    ColorPicker: styles_17.colorPickerDark,
+    DataTable: styles_18.dataTableDark,
+    DatePicker: styles_19.datePickerDark,
+    Descriptions: styles_20.descriptionsDark,
+    Dialog: styles_21.dialogDark,
+    Divider: styles_22.dividerDark,
+    Drawer: styles_23.drawerDark,
+    Dropdown: styles_24.dropdownDark,
+    DynamicInput: styles_25.dynamicInputDark,
+    DynamicTags: styles_26.dynamicTagsDark,
+    Element: styles_27.elementDark,
+    Empty: styles_29.emptyDark,
+    Ellipsis: styles_28.ellipsisDark,
+    Form: styles_30.formDark,
+    GradientText: styles_31.gradientTextDark,
+    Icon: styles_32.iconDark,
+    Image: styles_33.imageDark,
+    Input: styles_34.inputDark,
+    InputNumber: styles_35.inputNumberDark,
+    Layout: styles_36.layoutDark,
+    List: styles_37.listDark,
+    LoadingBar: styles_38.loadingBarDark,
+    Log: styles_39.logDark,
+    Menu: styles_40.menuDark,
+    Mention: styles_41.mentionDark,
+    Message: styles_42.messageDark,
+    Modal: styles_43.modalDark,
+    Notification: styles_44.notificationDark,
+    PageHeader: styles_45.pageHeaderDark,
+    Pagination: styles_46.paginationDark,
+    Popconfirm: styles_47.popconfirmDark,
+    Popover: styles_48.popoverDark,
+    Popselect: styles_49.popselectDark,
+    Progress: styles_50.progressDark,
+    Radio: styles_51.radioDark,
+    Rate: styles_52.rateDark,
+    Result: styles_53.resultDark,
+    Scrollbar: styles_54.scrollbarDark,
+    Select: styles_55.selectDark,
+    Skeleton: styles_56.skeletonDark,
+    Slider: styles_57.sliderDark,
+    Space: styles_58.spaceDark,
+    Spin: styles_59.spinDark,
+    Statistic: styles_60.statisticDark,
+    Steps: styles_61.stepsDark,
+    Switch: styles_62.switchDark,
+    Table: styles_63.tableDark,
+    Tabs: styles_64.tabsDark,
+    Tag: styles_65.tagDark,
+    Thing: styles_66.thingDark,
+    TimePicker: styles_67.timePickerDark,
+    Timeline: styles_68.timelineDark,
+    Tooltip: styles_69.tooltipDark,
+    Transfer: styles_70.transferDark,
+    Tree: styles_73.treeDark,
+    TreeSelect: styles_71.treeSelectDark,
+    Typography: styles_72.typographyDark,
+    Upload: styles_74.uploadDark
+};

package/lib/themes/index.d.ts

@@ -0,0 +1,2 @@
+export { darkTheme } from './dark';
+export { createTheme } from './utils';

package/lib/themes/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createTheme = exports.darkTheme = void 0;
+var dark_1 = require("./dark");
+Object.defineProperty(exports, "darkTheme", { enumerable: true, get: function () { return dark_1.darkTheme; } });
+var utils_1 = require("./utils");
+Object.defineProperty(exports, "createTheme", { enumerable: true, get: function () { return utils_1.createTheme; } });

package/lib/themes/interface.d.ts

@@ -0,0 +1,2 @@
+import { GlobalTheme } from '../config-provider';
+export declare type BuiltInGlobalTheme = Omit<Required<GlobalTheme>, 'InternalSelectMenu' | 'InternalSelection'>;

package/lib/themes/interface.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/themes/light.d.ts

@@ -0,0 +1,2 @@
+import type { BuiltInGlobalTheme } from './interface';
+export declare const lightTheme: BuiltInGlobalTheme;

package/lib/themes/light.js

@@ -0,0 +1,157 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.lightTheme = void 0;
+// The file is for internal usage, do not export it, since all the components
+// have default light theme.
+const common_1 = require("../_styles/common");
+const styles_1 = require("../alert/styles");
+const styles_2 = require("../anchor/styles");
+const styles_3 = require("../auto-complete/styles");
+const styles_4 = require("../avatar/styles");
+const styles_5 = require("../back-top/styles");
+const styles_6 = require("../badge/styles");
+const styles_7 = require("../breadcrumb/styles");
+const styles_8 = require("../button/styles");
+const styles_9 = require("../calendar/styles");
+const styles_10 = require("../card/styles");
+const styles_11 = require("../carousel/styles");
+const styles_12 = require("../cascader/styles");
+const styles_13 = require("../checkbox/styles");
+const styles_14 = require("../code/styles");
+const styles_15 = require("../collapse/styles");
+const styles_16 = require("../collapse-transition/styles");
+const styles_17 = require("../color-picker/styles");
+const styles_18 = require("../data-table/styles");
+const styles_19 = require("../date-picker/styles");
+const styles_20 = require("../descriptions/styles");
+const styles_21 = require("../dialog/styles");
+const styles_22 = require("../divider/styles");
+const styles_23 = require("../drawer/styles");
+const styles_24 = require("../dropdown/styles");
+const styles_25 = require("../dynamic-input/styles");
+const styles_26 = require("../dynamic-tags/styles");
+const styles_27 = require("../element/styles");
+const styles_28 = require("../ellipsis/styles");
+const styles_29 = require("../empty/styles");
+const styles_30 = require("../form/styles");
+const styles_31 = require("../gradient-text/styles");
+const styles_32 = require("../icon/styles");
+const styles_33 = require("../image/styles");
+const styles_34 = require("../input/styles");
+const styles_35 = require("../input-number/styles");
+const styles_36 = require("../layout/styles");
+const styles_37 = require("../list/styles");
+const styles_38 = require("../loading-bar/styles");
+const styles_39 = require("../log/styles");
+const styles_40 = require("../menu/styles");
+const styles_41 = require("../mention/styles");
+const styles_42 = require("../message/styles");
+const styles_43 = require("../modal/styles");
+const styles_44 = require("../notification/styles");
+const styles_45 = require("../page-header/styles");
+const styles_46 = require("../pagination/styles");
+const styles_47 = require("../popconfirm/styles");
+const styles_48 = require("../popover/styles");
+const styles_49 = require("../popselect/styles");
+const styles_50 = require("../progress/styles");
+const styles_51 = require("../radio/styles");
+const styles_52 = require("../rate/styles");
+const styles_53 = require("../result/styles");
+const styles_54 = require("../_internal/scrollbar/styles");
+const styles_55 = require("../select/styles");
+const styles_56 = require("../skeleton/styles");
+const styles_57 = require("../slider/styles");
+const styles_58 = require("../space/styles");
+const styles_59 = require("../spin/styles");
+const styles_60 = require("../statistic/styles");
+const styles_61 = require("../steps/styles");
+const styles_62 = require("../switch/styles");
+const styles_63 = require("../table/styles");
+const styles_64 = require("../tabs/styles");
+const styles_65 = require("../tag/styles");
+const styles_66 = require("../thing/styles");
+const styles_67 = require("../time-picker/styles");
+const styles_68 = require("../timeline/styles");
+const styles_69 = require("../tooltip/styles");
+const styles_70 = require("../transfer/styles");
+const styles_71 = require("../typography/styles");
+const styles_72 = require("../tree/styles");
+const styles_73 = require("../tree-select/styles");
+const styles_74 = require("../upload/styles");
+exports.lightTheme = {
+    common: common_1.commonLight,
+    Alert: styles_1.alertLight,
+    Anchor: styles_2.anchorLight,
+    AutoComplete: styles_3.autoCompleteLight,
+    Avatar: styles_4.avatarLight,
+    BackTop: styles_5.backTopLight,
+    Badge: styles_6.badgeLight,
+    Breadcrumb: styles_7.breadcrumbLight,
+    Button: styles_8.buttonLight,
+    Calendar: styles_9.calendarLight,
+    Card: styles_10.cardLight,
+    Carousel: styles_11.carouselLight,
+    Cascader: styles_12.cascaderLight,
+    Checkbox: styles_13.checkboxLight,
+    Code: styles_14.codeLight,
+    Collapse: styles_15.collapseLight,
+    CollapseTransition: styles_16.collapseTransitionLight,
+    ColorPicker: styles_17.colorPickerLight,
+    DataTable: styles_18.dataTableLight,
+    DatePicker: styles_19.datePickerLight,
+    Descriptions: styles_20.descriptionsLight,
+    Dialog: styles_21.dialogLight,
+    Divider: styles_22.dividerLight,
+    Drawer: styles_23.drawerLight,
+    Dropdown: styles_24.dropdownLight,
+    DynamicInput: styles_25.dynamicInputLight,
+    DynamicTags: styles_26.dynamicTagsLight,
+    Element: styles_27.elementLight,
+    Empty: styles_29.emptyLight,
+    Ellipsis: styles_28.ellipsisLight,
+    Form: styles_30.formLight,
+    GradientText: styles_31.gradientTextLight,
+    Icon: styles_32.iconLight,
+    Image: styles_33.imageLight,
+    Input: styles_34.inputLight,
+    InputNumber: styles_35.inputNumberLight,
+    Layout: styles_36.layoutLight,
+    List: styles_37.listLight,
+    LoadingBar: styles_38.loadingBarLight,
+    Log: styles_39.logLight,
+    Menu: styles_40.menuLight,
+    Mention: styles_41.mentionLight,
+    Message: styles_42.messageLight,
+    Modal: styles_43.modalLight,
+    Notification: styles_44.notificationLight,
+    PageHeader: styles_45.pageHeaderLight,
+    Pagination: styles_46.paginationLight,
+    Popconfirm: styles_47.popconfirmLight,
+    Popover: styles_48.popoverLight,
+    Popselect: styles_49.popselectLight,
+    Progress: styles_50.progressLight,
+    Radio: styles_51.radioLight,
+    Rate: styles_52.rateLight,
+    Result: styles_53.resultLight,
+    Scrollbar: styles_54.scrollbarLight,
+    Skeleton: styles_56.skeletonLight,
+    Select: styles_55.selectLight,
+    Slider: styles_57.sliderLight,
+    Space: styles_58.spaceLight,
+    Spin: styles_59.spinLight,
+    Statistic: styles_60.statisticLight,
+    Steps: styles_61.stepsLight,
+    Switch: styles_62.switchLight,
+    Table: styles_63.tableLight,
+    Tabs: styles_64.tabsLight,
+    Tag: styles_65.tagLight,
+    Thing: styles_66.thingLight,
+    TimePicker: styles_67.timePickerLight,
+    Timeline: styles_68.timelineLight,
+    Tooltip: styles_69.tooltipLight,
+    Transfer: styles_70.transferLight,
+    Tree: styles_72.treeLight,
+    TreeSelect: styles_73.treeSelectLight,
+    Typography: styles_71.typographyLight,
+    Upload: styles_74.uploadLight
+};

package/lib/themes/utils.d.ts

@@ -0,0 +1,5 @@
+import { GlobalTheme } from '../config-provider';
+declare type ComponentKey = keyof GlobalTheme;
+declare type ComponentThemes = Array<Exclude<GlobalTheme[ComponentKey], undefined>>;
+export declare function createTheme(componentThemes: ComponentThemes): GlobalTheme;
+export {};