@superad/ui 0.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +42 -0
- package/es/Button/Button.d.mts +7 -0
- package/es/Button/Button.mjs +29 -0
- package/es/Button/Button.mjs.map +1 -0
- package/es/Button/index.d.mts +3 -0
- package/es/Button/index.d.ts +1 -0
- package/es/Button/index.js +1 -0
- package/es/Button/index.mjs +2 -0
- package/es/Button/style.mjs +33 -0
- package/es/Button/style.mjs.map +1 -0
- package/es/Button/type.d.mts +21 -0
- package/es/ConfigProvider/index.d.mts +9 -0
- package/es/ConfigProvider/index.d.ts +1 -0
- package/es/ConfigProvider/index.js +1 -0
- package/es/ConfigProvider/index.mjs +82 -0
- package/es/ConfigProvider/index.mjs.map +1 -0
- package/es/ConfigProvider/type.d.mts +24 -0
- package/es/DraggablePanel/DraggablePanel.d.mts +6 -0
- package/es/DraggablePanel/DraggablePanel.mjs +104 -0
- package/es/DraggablePanel/DraggablePanel.mjs.map +1 -0
- package/es/DraggablePanel/index.d.mts +3 -0
- package/es/DraggablePanel/index.d.ts +1 -0
- package/es/DraggablePanel/index.js +1 -0
- package/es/DraggablePanel/index.mjs +3 -0
- package/es/DraggablePanel/style.mjs +86 -0
- package/es/DraggablePanel/style.mjs.map +1 -0
- package/es/DraggablePanel/type.d.mts +27 -0
- package/es/Flex/Center.d.mts +7 -0
- package/es/Flex/Center.mjs +14 -0
- package/es/Flex/Center.mjs.map +1 -0
- package/es/Flex/FlexBasic.d.mts +6 -0
- package/es/Flex/FlexBasic.mjs +46 -0
- package/es/Flex/FlexBasic.mjs.map +1 -0
- package/es/Flex/Flexbox.d.mts +2 -0
- package/es/Flex/index.d.mts +5 -0
- package/es/Flex/index.d.ts +1 -0
- package/es/Flex/index.js +1 -0
- package/es/Flex/index.mjs +3 -0
- package/es/Flex/type.d.mts +35 -0
- package/es/Flex/utils.mjs +24 -0
- package/es/Flex/utils.mjs.map +1 -0
- package/es/FontLoader/index.d.mts +9 -0
- package/es/FontLoader/index.d.ts +1 -0
- package/es/FontLoader/index.js +1 -0
- package/es/FontLoader/index.mjs +23 -0
- package/es/FontLoader/index.mjs.map +1 -0
- package/es/GlobalFocusRing/index.d.mts +6 -0
- package/es/GlobalFocusRing/index.d.ts +1 -0
- package/es/GlobalFocusRing/index.js +1 -0
- package/es/GlobalFocusRing/index.mjs +204 -0
- package/es/GlobalFocusRing/index.mjs.map +1 -0
- package/es/GlobalFocusRing/style.mjs +35 -0
- package/es/GlobalFocusRing/style.mjs.map +1 -0
- package/es/Provider.d.mts +5 -0
- package/es/Table/canvas/canvasPalette.mjs +11 -0
- package/es/Table/canvas/canvasPalette.mjs.map +1 -0
- package/es/Table/canvas/chipPainters.mjs +408 -0
- package/es/Table/canvas/chipPainters.mjs.map +1 -0
- package/es/Table/canvas/controlPainters.mjs +193 -0
- package/es/Table/canvas/controlPainters.mjs.map +1 -0
- package/es/Table/canvas/groupTitle.mjs +181 -0
- package/es/Table/canvas/groupTitle.mjs.map +1 -0
- package/es/Table/canvas/paintUtils.mjs +70 -0
- package/es/Table/canvas/paintUtils.mjs.map +1 -0
- package/es/Table/canvas/rowSeries.mjs +130 -0
- package/es/Table/canvas/rowSeries.mjs.map +1 -0
- package/es/Table/canvas/textPainters.mjs +97 -0
- package/es/Table/canvas/textPainters.mjs.map +1 -0
- package/es/Table/canvas/theme.d.mts +14 -0
- package/es/Table/canvas/theme.mjs +276 -0
- package/es/Table/canvas/theme.mjs.map +1 -0
- package/es/Table/core/cellValue.d.mts +1 -0
- package/es/Table/core/cellValue.mjs +240 -0
- package/es/Table/core/cellValue.mjs.map +1 -0
- package/es/Table/core/rowSelection.mjs +138 -0
- package/es/Table/core/rowSelection.mjs.map +1 -0
- package/es/Table/core/size.mjs +60 -0
- package/es/Table/core/size.mjs.map +1 -0
- package/es/Table/core/tableI18n.d.mts +11 -0
- package/es/Table/core/tableI18n.mjs +123 -0
- package/es/Table/core/tableI18n.mjs.map +1 -0
- package/es/Table/core/tagTone.mjs +245 -0
- package/es/Table/core/tagTone.mjs.map +1 -0
- package/es/Table/core/zIndex.mjs +7 -0
- package/es/Table/core/zIndex.mjs.map +1 -0
- package/es/Table/index.d.mts +6 -0
- package/es/Table/index.d.ts +1 -0
- package/es/Table/index.js +1 -0
- package/es/Table/index.mjs +6 -0
- package/es/Table/react/Table.d.mts +9 -0
- package/es/Table/react/Table.mjs +407 -0
- package/es/Table/react/Table.mjs.map +1 -0
- package/es/Table/react/TableColumnSettings.mjs +65 -0
- package/es/Table/react/TableColumnSettings.mjs.map +1 -0
- package/es/Table/react/a11y.mjs +72 -0
- package/es/Table/react/a11y.mjs.map +1 -0
- package/es/Table/react/editors/base.mjs +427 -0
- package/es/Table/react/editors/base.mjs.map +1 -0
- package/es/Table/react/editors/inline.mjs +225 -0
- package/es/Table/react/editors/inline.mjs.map +1 -0
- package/es/Table/react/editors/picker.mjs +368 -0
- package/es/Table/react/editors/picker.mjs.map +1 -0
- package/es/Table/react/overlayChips.mjs +50 -0
- package/es/Table/react/overlayChips.mjs.map +1 -0
- package/es/Table/react/sameRenderInputs.mjs +50 -0
- package/es/Table/react/sameRenderInputs.mjs.map +1 -0
- package/es/Table/react/style.mjs +650 -0
- package/es/Table/react/style.mjs.map +1 -0
- package/es/Table/react/useTableCellEvents.mjs +32 -0
- package/es/Table/react/useTableCellEvents.mjs.map +1 -0
- package/es/Table/react/useTableColumnSettings.mjs +107 -0
- package/es/Table/react/useTableColumnSettings.mjs.map +1 -0
- package/es/Table/react/useTableEditorSync.mjs +41 -0
- package/es/Table/react/useTableEditorSync.mjs.map +1 -0
- package/es/Table/react/useTableHoverHint.mjs +62 -0
- package/es/Table/react/useTableHoverHint.mjs.map +1 -0
- package/es/Table/react/useTableKeyboard.mjs +41 -0
- package/es/Table/react/useTableKeyboard.mjs.map +1 -0
- package/es/Table/react/useTableRenderState.mjs +194 -0
- package/es/Table/react/useTableRenderState.mjs.map +1 -0
- package/es/Table/react/useTableScroll.mjs +33 -0
- package/es/Table/react/useTableScroll.mjs.map +1 -0
- package/es/Table/react/useTableSelectionInfo.mjs +48 -0
- package/es/Table/react/useTableSelectionInfo.mjs.map +1 -0
- package/es/Table/react/useTableVTableEvents.mjs +132 -0
- package/es/Table/react/useTableVTableEvents.mjs.map +1 -0
- package/es/Table/type.d.mts +279 -0
- package/es/Table/type.mjs +34 -0
- package/es/Table/type.mjs.map +1 -0
- package/es/Table/vtable/columns.d.mts +17 -0
- package/es/Table/vtable/columns.mjs +381 -0
- package/es/Table/vtable/columns.mjs.map +1 -0
- package/es/Table/vtable/frozenShadow.mjs +27 -0
- package/es/Table/vtable/frozenShadow.mjs.map +1 -0
- package/es/Table/vtable/interaction.mjs +175 -0
- package/es/Table/vtable/interaction.mjs.map +1 -0
- package/es/Table/vtable/option.d.mts +39 -0
- package/es/Table/vtable/option.mjs +232 -0
- package/es/Table/vtable/option.mjs.map +1 -0
- package/es/Table/vtable/seriesSelection.mjs +374 -0
- package/es/Table/vtable/seriesSelection.mjs.map +1 -0
- package/es/Table/vtable/vtableAdapter.mjs +96 -0
- package/es/Table/vtable/vtableAdapter.mjs.map +1 -0
- package/es/ThemeProvider/AppElementContext.d.mts +5 -0
- package/es/ThemeProvider/AppElementContext.mjs +10 -0
- package/es/ThemeProvider/AppElementContext.mjs.map +1 -0
- package/es/ThemeProvider/ConfigProvider.mjs +29 -0
- package/es/ThemeProvider/ConfigProvider.mjs.map +1 -0
- package/es/ThemeProvider/GlobalStyle/antdOverride.mjs +73 -0
- package/es/ThemeProvider/GlobalStyle/antdOverride.mjs.map +1 -0
- package/es/ThemeProvider/GlobalStyle/essential.mjs +50 -0
- package/es/ThemeProvider/GlobalStyle/essential.mjs.map +1 -0
- package/es/ThemeProvider/GlobalStyle/global.mjs +90 -0
- package/es/ThemeProvider/GlobalStyle/global.mjs.map +1 -0
- package/es/ThemeProvider/GlobalStyle/index.mjs +14 -0
- package/es/ThemeProvider/GlobalStyle/index.mjs.map +1 -0
- package/es/ThemeProvider/Meta.d.mts +7 -0
- package/es/ThemeProvider/Meta.mjs +48 -0
- package/es/ThemeProvider/Meta.mjs.map +1 -0
- package/es/ThemeProvider/ThemeProvider.d.mts +6 -0
- package/es/ThemeProvider/ThemeProvider.mjs +89 -0
- package/es/ThemeProvider/ThemeProvider.mjs.map +1 -0
- package/es/ThemeProvider/constants.d.mts +5 -0
- package/es/ThemeProvider/constants.mjs +6 -0
- package/es/ThemeProvider/constants.mjs.map +1 -0
- package/es/ThemeProvider/index.d.mts +6 -0
- package/es/ThemeProvider/index.d.ts +1 -0
- package/es/ThemeProvider/index.js +1 -0
- package/es/ThemeProvider/index.mjs +5 -0
- package/es/ThemeProvider/type.d.mts +48 -0
- package/es/_virtual/_rolldown/runtime.mjs +13 -0
- package/es/color/colors/blue.d.mts +6 -0
- package/es/color/colors/blue.mjs +67 -0
- package/es/color/colors/blue.mjs.map +1 -0
- package/es/color/colors/cyan.d.mts +6 -0
- package/es/color/colors/cyan.mjs +67 -0
- package/es/color/colors/cyan.mjs.map +1 -0
- package/es/color/colors/geekblue.d.mts +6 -0
- package/es/color/colors/geekblue.mjs +67 -0
- package/es/color/colors/geekblue.mjs.map +1 -0
- package/es/color/colors/gold.d.mts +6 -0
- package/es/color/colors/gold.mjs +67 -0
- package/es/color/colors/gold.mjs.map +1 -0
- package/es/color/colors/gray.d.mts +6 -0
- package/es/color/colors/gray.mjs +67 -0
- package/es/color/colors/gray.mjs.map +1 -0
- package/es/color/colors/green.d.mts +6 -0
- package/es/color/colors/green.mjs +67 -0
- package/es/color/colors/green.mjs.map +1 -0
- package/es/color/colors/index.d.mts +22 -0
- package/es/color/colors/index.mjs +35 -0
- package/es/color/colors/index.mjs.map +1 -0
- package/es/color/colors/lime.d.mts +6 -0
- package/es/color/colors/lime.mjs +67 -0
- package/es/color/colors/lime.mjs.map +1 -0
- package/es/color/colors/magenta.d.mts +6 -0
- package/es/color/colors/magenta.mjs +67 -0
- package/es/color/colors/magenta.mjs.map +1 -0
- package/es/color/colors/orange.d.mts +6 -0
- package/es/color/colors/orange.mjs +67 -0
- package/es/color/colors/orange.mjs.map +1 -0
- package/es/color/colors/primary.d.mts +6 -0
- package/es/color/colors/primary.mjs +67 -0
- package/es/color/colors/primary.mjs.map +1 -0
- package/es/color/colors/purple.d.mts +6 -0
- package/es/color/colors/purple.mjs +67 -0
- package/es/color/colors/purple.mjs.map +1 -0
- package/es/color/colors/red.d.mts +6 -0
- package/es/color/colors/red.mjs +67 -0
- package/es/color/colors/red.mjs.map +1 -0
- package/es/color/colors/volcano.d.mts +6 -0
- package/es/color/colors/volcano.mjs +67 -0
- package/es/color/colors/volcano.mjs.map +1 -0
- package/es/color/colors/yellow.d.mts +6 -0
- package/es/color/colors/yellow.mjs +67 -0
- package/es/color/colors/yellow.mjs.map +1 -0
- package/es/color/index.d.mts +23 -0
- package/es/color/index.d.ts +1 -0
- package/es/color/index.js +1 -0
- package/es/color/index.mjs +22 -0
- package/es/color/neutrals/index.d.mts +13 -0
- package/es/color/neutrals/index.mjs +17 -0
- package/es/color/neutrals/index.mjs.map +1 -0
- package/es/color/neutrals/mauve.d.mts +6 -0
- package/es/color/neutrals/mauve.mjs +67 -0
- package/es/color/neutrals/mauve.mjs.map +1 -0
- package/es/color/neutrals/olive.d.mts +6 -0
- package/es/color/neutrals/olive.mjs +67 -0
- package/es/color/neutrals/olive.mjs.map +1 -0
- package/es/color/neutrals/sage.d.mts +6 -0
- package/es/color/neutrals/sage.mjs +67 -0
- package/es/color/neutrals/sage.mjs.map +1 -0
- package/es/color/neutrals/sand.d.mts +6 -0
- package/es/color/neutrals/sand.mjs +67 -0
- package/es/color/neutrals/sand.mjs.map +1 -0
- package/es/color/neutrals/slate.d.mts +6 -0
- package/es/color/neutrals/slate.mjs +67 -0
- package/es/color/neutrals/slate.mjs.map +1 -0
- package/es/color/types.d.mts +16 -0
- package/es/eslint/index.d.mts +26 -0
- package/es/eslint/index.d.ts +1 -0
- package/es/eslint/index.js +1 -0
- package/es/eslint/index.mjs +11 -0
- package/es/eslint/index.mjs.map +1 -0
- package/es/hooks/useIsClient.d.mts +8 -0
- package/es/hooks/useIsClient.mjs +13 -0
- package/es/hooks/useIsClient.mjs.map +1 -0
- package/es/i18n/context.d.mts +7 -0
- package/es/i18n/context.mjs +16 -0
- package/es/i18n/context.mjs.map +1 -0
- package/es/i18n/index.d.mts +6 -0
- package/es/i18n/index.d.ts +1 -0
- package/es/i18n/index.js +1 -0
- package/es/i18n/index.mjs +5 -0
- package/es/i18n/resources/en/common.d.mts +35 -0
- package/es/i18n/resources/en/common.mjs +36 -0
- package/es/i18n/resources/en/common.mjs.map +1 -0
- package/es/i18n/resources/en/index.d.mts +7 -0
- package/es/i18n/resources/en/index.mjs +8 -0
- package/es/i18n/resources/en/index.mjs.map +1 -0
- package/es/i18n/resources/zhCn/common.d.mts +35 -0
- package/es/i18n/resources/zhCn/common.mjs +36 -0
- package/es/i18n/resources/zhCn/common.mjs.map +1 -0
- package/es/i18n/resources/zhCn/index.d.mts +7 -0
- package/es/i18n/resources/zhCn/index.mjs +8 -0
- package/es/i18n/resources/zhCn/index.mjs.map +1 -0
- package/es/i18n/types.d.mts +22 -0
- package/es/i18n/useTranslation.d.mts +12 -0
- package/es/i18n/useTranslation.mjs +22 -0
- package/es/i18n/useTranslation.mjs.map +1 -0
- package/es/index.d.mts +43 -0
- package/es/index.mjs +26 -0
- package/es/storybook/StoryBook/StoryBook.d.mts +7 -0
- package/es/storybook/StoryBook/StoryBook.mjs +52 -0
- package/es/storybook/StoryBook/StoryBook.mjs.map +1 -0
- package/es/storybook/StoryBook/index.d.mts +3 -0
- package/es/storybook/StoryBook/style.mjs +97 -0
- package/es/storybook/StoryBook/style.mjs.map +1 -0
- package/es/storybook/StoryBook/type.d.mts +13 -0
- package/es/storybook/index.d.mts +4 -0
- package/es/storybook/index.d.ts +1 -0
- package/es/storybook/index.js +1 -0
- package/es/storybook/index.mjs +2 -0
- package/es/styles/classNames.d.mts +11 -0
- package/es/styles/classNames.mjs +12 -0
- package/es/styles/classNames.mjs.map +1 -0
- package/es/styles/customTheme.d.mts +36 -0
- package/es/styles/customTheme.mjs +71 -0
- package/es/styles/customTheme.mjs.map +1 -0
- package/es/styles/index.d.mts +6 -0
- package/es/styles/index.d.ts +1 -0
- package/es/styles/index.js +1 -0
- package/es/styles/index.mjs +6 -0
- package/es/styles/theme/algorithms/darkAlgorithm.mjs +18 -0
- package/es/styles/theme/algorithms/darkAlgorithm.mjs.map +1 -0
- package/es/styles/theme/algorithms/lightAlgorithm.mjs +18 -0
- package/es/styles/theme/algorithms/lightAlgorithm.mjs.map +1 -0
- package/es/styles/theme/algorithms/resolveScales.mjs +25 -0
- package/es/styles/theme/algorithms/resolveScales.mjs.map +1 -0
- package/es/styles/theme/antdTheme.mjs +31 -0
- package/es/styles/theme/antdTheme.mjs.map +1 -0
- package/es/styles/theme/customStylish.d.mts +7 -0
- package/es/styles/theme/customStylish.mjs +158 -0
- package/es/styles/theme/customStylish.mjs.map +1 -0
- package/es/styles/theme/customStylishStatic.d.mts +6 -0
- package/es/styles/theme/customStylishStatic.mjs +156 -0
- package/es/styles/theme/customStylishStatic.mjs.map +1 -0
- package/es/styles/theme/customToken.d.mts +7 -0
- package/es/styles/theme/customToken.mjs +127 -0
- package/es/styles/theme/customToken.mjs.map +1 -0
- package/es/styles/theme/generateColorPalette.d.mts +16 -0
- package/es/styles/theme/generateColorPalette.mjs +170 -0
- package/es/styles/theme/generateColorPalette.mjs.map +1 -0
- package/es/styles/theme/token/base.mjs +64 -0
- package/es/styles/theme/token/base.mjs.map +1 -0
- package/es/styles/theme/token/dark.mjs +37 -0
- package/es/styles/theme/token/dark.mjs.map +1 -0
- package/es/styles/theme/token/light.mjs +37 -0
- package/es/styles/theme/token/light.mjs.map +1 -0
- package/es/types/customStylish.d.mts +28 -0
- package/es/types/customToken.d.mts +34 -0
- package/es/types/customToken.mjs +32 -0
- package/es/types/customToken.mjs.map +1 -0
- package/es/types/index.d.mts +15 -0
- package/es/types/index.d.ts +1 -0
- package/es/types/index.js +1 -0
- package/es/types/index.mjs +2 -0
- package/es/utils/composeEventHandlers.d.mts +5 -0
- package/es/utils/composeEventHandlers.mjs +10 -0
- package/es/utils/composeEventHandlers.mjs.map +1 -0
- package/es/utils/copyToClipboard.d.mts +5 -0
- package/es/utils/copyToClipboard.mjs +28 -0
- package/es/utils/copyToClipboard.mjs.map +1 -0
- package/es/utils/dom.d.mts +15 -0
- package/es/utils/dom.mjs +16 -0
- package/es/utils/dom.mjs.map +1 -0
- package/es/utils/genCdnUrl.d.mts +12 -0
- package/es/utils/genCdnUrl.mjs +17 -0
- package/es/utils/genCdnUrl.mjs.map +1 -0
- package/es/utils/safeReadableColor.mjs +6 -0
- package/es/utils/safeReadableColor.mjs.map +1 -0
- package/package.json +96 -0
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
import { safeReadableColor } from "../../utils/safeReadableColor.mjs";
|
|
2
|
+
import { css } from "antd-style";
|
|
3
|
+
import { rgba } from "polished";
|
|
4
|
+
//#region src/ThemeProvider/GlobalStyle/antdOverride.ts
|
|
5
|
+
/** 对 antd 组件的覆写:只动必要的细节,尽量走 token 而不是硬编码。 */
|
|
6
|
+
var antdOverride_default = (token) => {
|
|
7
|
+
const { prefixCls } = token;
|
|
8
|
+
const onPrimary = safeReadableColor(token.colorPrimary);
|
|
9
|
+
return css`
|
|
10
|
+
/* 按钮:去掉默认投影,主色按钮前景色锁死 */
|
|
11
|
+
.${prefixCls}-btn {
|
|
12
|
+
box-shadow: none;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.${prefixCls}-btn-primary:not(:disabled) {
|
|
16
|
+
&,
|
|
17
|
+
&:hover,
|
|
18
|
+
&:active {
|
|
19
|
+
color: ${onPrimary} !important;
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
/* 勾选标记同样跟随主色对比色 */
|
|
24
|
+
.${prefixCls}-checkbox-inner::after {
|
|
25
|
+
border-color: ${onPrimary} !important;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.${prefixCls}-radio-wrapper .${prefixCls}-radio-checked .${prefixCls}-radio-inner::after {
|
|
29
|
+
background: ${onPrimary};
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
/* 浮层:箭头跟随抬升底色,限制提示宽度 */
|
|
33
|
+
.${prefixCls}-tooltip {
|
|
34
|
+
--antd-arrow-background-color: ${token.colorBgElevated};
|
|
35
|
+
|
|
36
|
+
max-width: 320px;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.${prefixCls}-dropdown-menu, .${prefixCls}-select-dropdown {
|
|
40
|
+
border-radius: ${token.borderRadius}px !important;
|
|
41
|
+
box-shadow:
|
|
42
|
+
0 0 15px 0 #00000008,
|
|
43
|
+
0 2px 30px 0 #00000014,
|
|
44
|
+
0 0 0 1px ${token.isDarkMode ? token.colorFillTertiary : token.colorBorder} inset !important;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
.${prefixCls}-modal-content {
|
|
48
|
+
border: 1px solid ${token.colorBorderSecondary} !important;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
/* 图片预览的控制按钮:圆形毛玻璃 */
|
|
52
|
+
.${prefixCls}-image-preview-close,
|
|
53
|
+
.${prefixCls}-image-preview-switch-right,
|
|
54
|
+
.${prefixCls}-image-preview-switch-left {
|
|
55
|
+
display: flex;
|
|
56
|
+
align-items: center;
|
|
57
|
+
justify-content: center;
|
|
58
|
+
|
|
59
|
+
width: 32px;
|
|
60
|
+
height: 32px;
|
|
61
|
+
padding: 0;
|
|
62
|
+
border-radius: ${token.borderRadiusLG}px;
|
|
63
|
+
|
|
64
|
+
background: ${rgba(token.colorBgMask, .1)};
|
|
65
|
+
|
|
66
|
+
${token.stylish.blur};
|
|
67
|
+
}
|
|
68
|
+
`;
|
|
69
|
+
};
|
|
70
|
+
//#endregion
|
|
71
|
+
export { antdOverride_default as default };
|
|
72
|
+
|
|
73
|
+
//# sourceMappingURL=antdOverride.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"antdOverride.mjs","names":[],"sources":["../../../src/ThemeProvider/GlobalStyle/antdOverride.ts"],"sourcesContent":["import { css, type Theme } from 'antd-style';\nimport { rgba } from 'polished';\n\nimport { safeReadableColor } from '@/utils/safeReadableColor';\n\n/** 对 antd 组件的覆写:只动必要的细节,尽量走 token 而不是硬编码。 */\nexport default (token: Theme) => {\n const { prefixCls } = token;\n // 主色按钮/单选上的前景色,按主色亮度取黑或白\n const onPrimary = safeReadableColor(token.colorPrimary);\n\n return css`\n /* 按钮:去掉默认投影,主色按钮前景色锁死 */\n .${prefixCls}-btn {\n box-shadow: none;\n }\n\n .${prefixCls}-btn-primary:not(:disabled) {\n &,\n &:hover,\n &:active {\n color: ${onPrimary} !important;\n }\n }\n\n /* 勾选标记同样跟随主色对比色 */\n .${prefixCls}-checkbox-inner::after {\n border-color: ${onPrimary} !important;\n }\n\n .${prefixCls}-radio-wrapper .${prefixCls}-radio-checked .${prefixCls}-radio-inner::after {\n background: ${onPrimary};\n }\n\n /* 浮层:箭头跟随抬升底色,限制提示宽度 */\n .${prefixCls}-tooltip {\n --antd-arrow-background-color: ${token.colorBgElevated};\n\n max-width: 320px;\n }\n\n .${prefixCls}-dropdown-menu, .${prefixCls}-select-dropdown {\n border-radius: ${token.borderRadius}px !important;\n box-shadow:\n 0 0 15px 0 #00000008,\n 0 2px 30px 0 #00000014,\n 0 0 0 1px ${token.isDarkMode ? token.colorFillTertiary : token.colorBorder} inset !important;\n }\n\n .${prefixCls}-modal-content {\n border: 1px solid ${token.colorBorderSecondary} !important;\n }\n\n /* 图片预览的控制按钮:圆形毛玻璃 */\n .${prefixCls}-image-preview-close,\n .${prefixCls}-image-preview-switch-right,\n .${prefixCls}-image-preview-switch-left {\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 32px;\n height: 32px;\n padding: 0;\n border-radius: ${token.borderRadiusLG}px;\n\n background: ${rgba(token.colorBgMask, 0.1)};\n\n ${token.stylish.blur};\n }\n `;\n};\n"],"mappings":";;;;;AAMA,IAAA,wBAAgB,UAAiB;CAC/B,MAAM,EAAE,cAAc;CAEtB,MAAM,YAAY,kBAAkB,MAAM,YAAY;CAEtD,OAAO,GAAG;;OAEL,UAAU;;;;OAIV,UAAU;;;;iBAIA,UAAU;;;;;OAKpB,UAAU;sBACK,UAAU;;;OAGzB,UAAU,kBAAkB,UAAU,kBAAkB,UAAU;oBACrD,UAAU;;;;OAIvB,UAAU;uCACsB,MAAM,gBAAgB;;;;;OAKtD,UAAU,mBAAmB,UAAU;uBACvB,MAAM,aAAa;;;;oBAItB,MAAM,aAAa,MAAM,oBAAoB,MAAM,YAAY;;;OAG5E,UAAU;0BACS,MAAM,qBAAqB;;;;OAI9C,UAAU;SACR,UAAU;SACV,UAAU;;;;;;;;uBAQI,MAAM,eAAe;;oBAExB,KAAK,MAAM,aAAa,EAAG,EAAE;;QAEzC,MAAM,QAAQ,KAAK;;;AAG3B"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { CLASSNAMES } from "../../styles/classNames.mjs";
|
|
2
|
+
import { css } from "antd-style";
|
|
3
|
+
//#region src/ThemeProvider/GlobalStyle/essential.ts
|
|
4
|
+
var essential_default = (token) => css`
|
|
5
|
+
@layer superad-popup {
|
|
6
|
+
.${CLASSNAMES.ContextTrigger}[data-popup-open],
|
|
7
|
+
.${CLASSNAMES.DropdownMenuTrigger}[data-popup-open] {
|
|
8
|
+
background: ${token.colorFillTertiary};
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
@layer superad-base {
|
|
13
|
+
:where(.superad-flex) {
|
|
14
|
+
--superad-flex: 0 1 auto;
|
|
15
|
+
--superad-flex-direction: column;
|
|
16
|
+
--superad-flex-wrap: nowrap;
|
|
17
|
+
--superad-flex-justify: flex-start;
|
|
18
|
+
--superad-flex-align: stretch;
|
|
19
|
+
--superad-flex-width: auto;
|
|
20
|
+
--superad-flex-height: auto;
|
|
21
|
+
--superad-flex-padding: 0;
|
|
22
|
+
--superad-flex-padding-inline: var(--superad-flex-padding);
|
|
23
|
+
--superad-flex-padding-block: var(--superad-flex-padding);
|
|
24
|
+
--superad-flex-gap: 0;
|
|
25
|
+
|
|
26
|
+
display: flex;
|
|
27
|
+
flex: var(--superad-flex);
|
|
28
|
+
flex-flow: var(--superad-flex-direction) var(--superad-flex-wrap);
|
|
29
|
+
gap: var(--superad-flex-gap);
|
|
30
|
+
align-items: var(--superad-flex-align);
|
|
31
|
+
justify-content: var(--superad-flex-justify);
|
|
32
|
+
|
|
33
|
+
width: var(--superad-flex-width);
|
|
34
|
+
height: var(--superad-flex-height);
|
|
35
|
+
padding: var(--superad-flex-padding);
|
|
36
|
+
padding-block: var(--superad-flex-padding-block);
|
|
37
|
+
padding-inline: var(--superad-flex-padding-inline);
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
/* stylelint-disable-next-line selector-class-pattern --
|
|
41
|
+
BEM 修饰符写法,且是对外发布的类名(src/Flex/style.css 里有同名定义),改名属于破坏性变更。 */
|
|
42
|
+
.superad-flex--hidden {
|
|
43
|
+
display: none;
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
`;
|
|
47
|
+
//#endregion
|
|
48
|
+
export { essential_default as default };
|
|
49
|
+
|
|
50
|
+
//# sourceMappingURL=essential.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"essential.mjs","names":[],"sources":["../../../src/ThemeProvider/GlobalStyle/essential.ts"],"sourcesContent":["import { css, type Theme } from 'antd-style';\n\nimport { CLASSNAMES } from '@/styles/classNames';\n\nexport default (token: Theme) => css`\n @layer superad-popup {\n .${CLASSNAMES.ContextTrigger}[data-popup-open],\n .${CLASSNAMES.DropdownMenuTrigger}[data-popup-open] {\n background: ${token.colorFillTertiary};\n }\n }\n\n @layer superad-base {\n :where(.superad-flex) {\n --superad-flex: 0 1 auto;\n --superad-flex-direction: column;\n --superad-flex-wrap: nowrap;\n --superad-flex-justify: flex-start;\n --superad-flex-align: stretch;\n --superad-flex-width: auto;\n --superad-flex-height: auto;\n --superad-flex-padding: 0;\n --superad-flex-padding-inline: var(--superad-flex-padding);\n --superad-flex-padding-block: var(--superad-flex-padding);\n --superad-flex-gap: 0;\n\n display: flex;\n flex: var(--superad-flex);\n flex-flow: var(--superad-flex-direction) var(--superad-flex-wrap);\n gap: var(--superad-flex-gap);\n align-items: var(--superad-flex-align);\n justify-content: var(--superad-flex-justify);\n\n width: var(--superad-flex-width);\n height: var(--superad-flex-height);\n padding: var(--superad-flex-padding);\n padding-block: var(--superad-flex-padding-block);\n padding-inline: var(--superad-flex-padding-inline);\n }\n\n /* stylelint-disable-next-line selector-class-pattern --\n BEM 修饰符写法,且是对外发布的类名(src/Flex/style.css 里有同名定义),改名属于破坏性变更。 */\n .superad-flex--hidden {\n display: none;\n }\n }\n`;\n"],"mappings":";;;AAIA,IAAA,qBAAgB,UAAiB,GAAG;;OAE7B,WAAW,eAAe;SACxB,WAAW,oBAAoB;oBACpB,MAAM,kBAAkB"}
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
import { css } from "antd-style";
|
|
2
|
+
//#region src/ThemeProvider/GlobalStyle/global.ts
|
|
3
|
+
var global_default = (token) => css`
|
|
4
|
+
:root {
|
|
5
|
+
--font-settings: 'cv01', 'tnum', 'kern';
|
|
6
|
+
--font-variations: 'opsz' auto, tabular-nums;
|
|
7
|
+
|
|
8
|
+
font-synthesis: style;
|
|
9
|
+
text-autospace: normal;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
html {
|
|
13
|
+
overscroll-behavior: none;
|
|
14
|
+
color-scheme: ${token.isDarkMode ? "dark" : "light"};
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
body {
|
|
18
|
+
/* 布局 */
|
|
19
|
+
overflow: hidden auto;
|
|
20
|
+
|
|
21
|
+
min-height: 100vh;
|
|
22
|
+
margin: 0;
|
|
23
|
+
padding: 0;
|
|
24
|
+
|
|
25
|
+
/* 字体与排版 */
|
|
26
|
+
font-family: ${token.fontFamily};
|
|
27
|
+
font-size: ${token.fontSize}px;
|
|
28
|
+
font-feature-settings: var(--font-settings);
|
|
29
|
+
font-variation-settings: var(--font-variations);
|
|
30
|
+
font-optical-sizing: auto;
|
|
31
|
+
font-kerning: normal;
|
|
32
|
+
font-variant-ligatures: common-ligatures contextual;
|
|
33
|
+
font-variant-numeric: tabular-nums;
|
|
34
|
+
font-size-adjust: from-font;
|
|
35
|
+
|
|
36
|
+
/* 渲染与可读性 */
|
|
37
|
+
-webkit-font-smoothing: antialiased;
|
|
38
|
+
-moz-osx-font-smoothing: grayscale;
|
|
39
|
+
line-height: 1;
|
|
40
|
+
|
|
41
|
+
/* 颜色 */
|
|
42
|
+
color: ${token.colorTextBase};
|
|
43
|
+
text-wrap: pretty;
|
|
44
|
+
text-size-adjust: 100%;
|
|
45
|
+
text-rendering: optimizelegibility;
|
|
46
|
+
overflow-wrap: anywhere;
|
|
47
|
+
vertical-align: baseline;
|
|
48
|
+
|
|
49
|
+
background-color: ${token.colorBgLayout};
|
|
50
|
+
|
|
51
|
+
font-synthesis: style;
|
|
52
|
+
|
|
53
|
+
/* 触屏行为 */
|
|
54
|
+
-webkit-overflow-scrolling: touch;
|
|
55
|
+
-webkit-tap-highlight-color: transparent;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
code,
|
|
59
|
+
kbd,
|
|
60
|
+
samp,
|
|
61
|
+
pre {
|
|
62
|
+
font-family: ${token.fontFamilyCode} !important;
|
|
63
|
+
font-feature-settings:
|
|
64
|
+
'liga' 0,
|
|
65
|
+
'calt' 0;
|
|
66
|
+
font-variant-ligatures: none;
|
|
67
|
+
|
|
68
|
+
span {
|
|
69
|
+
font-family: ${token.fontFamilyCode} !important;
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
::selection {
|
|
74
|
+
color: #000;
|
|
75
|
+
background: ${token.yellow9};
|
|
76
|
+
|
|
77
|
+
-webkit-text-fill-color: unset !important;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
* {
|
|
81
|
+
scrollbar-color: ${token.colorFill} transparent;
|
|
82
|
+
scrollbar-width: thin;
|
|
83
|
+
box-sizing: border-box;
|
|
84
|
+
vertical-align: baseline;
|
|
85
|
+
}
|
|
86
|
+
`;
|
|
87
|
+
//#endregion
|
|
88
|
+
export { global_default as default };
|
|
89
|
+
|
|
90
|
+
//# sourceMappingURL=global.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"global.mjs","names":[],"sources":["../../../src/ThemeProvider/GlobalStyle/global.ts"],"sourcesContent":["import { css, type Theme } from 'antd-style';\n\nexport default (token: Theme) => css`\n :root {\n --font-settings: 'cv01', 'tnum', 'kern';\n --font-variations: 'opsz' auto, tabular-nums;\n\n font-synthesis: style;\n text-autospace: normal;\n }\n\n html {\n overscroll-behavior: none;\n color-scheme: ${token.isDarkMode ? 'dark' : 'light'};\n }\n\n body {\n /* 布局 */\n overflow: hidden auto;\n\n min-height: 100vh;\n margin: 0;\n padding: 0;\n\n /* 字体与排版 */\n font-family: ${token.fontFamily};\n font-size: ${token.fontSize}px;\n font-feature-settings: var(--font-settings);\n font-variation-settings: var(--font-variations);\n font-optical-sizing: auto;\n font-kerning: normal;\n font-variant-ligatures: common-ligatures contextual;\n font-variant-numeric: tabular-nums;\n font-size-adjust: from-font;\n\n /* 渲染与可读性 */\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n line-height: 1;\n\n /* 颜色 */\n color: ${token.colorTextBase};\n text-wrap: pretty;\n text-size-adjust: 100%;\n text-rendering: optimizelegibility;\n overflow-wrap: anywhere;\n vertical-align: baseline;\n\n background-color: ${token.colorBgLayout};\n\n font-synthesis: style;\n\n /* 触屏行为 */\n -webkit-overflow-scrolling: touch;\n -webkit-tap-highlight-color: transparent;\n }\n\n code,\n kbd,\n samp,\n pre {\n font-family: ${token.fontFamilyCode} !important;\n font-feature-settings:\n 'liga' 0,\n 'calt' 0;\n font-variant-ligatures: none;\n\n span {\n font-family: ${token.fontFamilyCode} !important;\n }\n }\n\n ::selection {\n color: #000;\n background: ${token.yellow9};\n\n -webkit-text-fill-color: unset !important;\n }\n\n * {\n scrollbar-color: ${token.colorFill} transparent;\n scrollbar-width: thin;\n box-sizing: border-box;\n vertical-align: baseline;\n }\n`;\n"],"mappings":";;AAEA,IAAA,kBAAgB,UAAiB,GAAG;;;;;;;;;;;oBAWhB,MAAM,aAAa,SAAS,QAAQ;;;;;;;;;;;;mBAYrC,MAAM,WAAW;iBACnB,MAAM,SAAS;;;;;;;;;;;;;;;aAenB,MAAM,cAAc;;;;;;;wBAOT,MAAM,cAAc;;;;;;;;;;;;;mBAazB,MAAM,eAAe;;;;;;;qBAOnB,MAAM,eAAe;;;;;;kBAMxB,MAAM,QAAQ;;;;;;uBAMT,MAAM,UAAU"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import antdOverride_default from "./antdOverride.mjs";
|
|
3
|
+
import essential_default from "./essential.mjs";
|
|
4
|
+
import global_default from "./global.mjs";
|
|
5
|
+
import { createGlobalStyle } from "antd-style";
|
|
6
|
+
//#region src/ThemeProvider/GlobalStyle/index.ts
|
|
7
|
+
/** 全量全局样式(排版、滚动条、选区等),可由 enableGlobalStyle 关闭。 */
|
|
8
|
+
const GlobalStyle = createGlobalStyle(({ theme }) => global_default(theme));
|
|
9
|
+
/** 组件库运转必需的最小样式 + antd 覆写,始终注入。 */
|
|
10
|
+
const EssentialStyle = createGlobalStyle(({ theme }) => [essential_default(theme), antdOverride_default(theme)]);
|
|
11
|
+
//#endregion
|
|
12
|
+
export { EssentialStyle, GlobalStyle as default };
|
|
13
|
+
|
|
14
|
+
//# sourceMappingURL=index.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.mjs","names":["global","essential","antdOverride"],"sources":["../../../src/ThemeProvider/GlobalStyle/index.ts"],"sourcesContent":["'use client';\n\nimport { createGlobalStyle } from 'antd-style';\n\nimport antdOverride from './antdOverride';\nimport essential from './essential';\nimport global from './global';\n\n/** 全量全局样式(排版、滚动条、选区等),可由 enableGlobalStyle 关闭。 */\nconst GlobalStyle = createGlobalStyle(({ theme }) => global(theme));\n\n/** 组件库运转必需的最小样式 + antd 覆写,始终注入。 */\nexport const EssentialStyle = createGlobalStyle(({ theme }) => [\n essential(theme),\n antdOverride(theme),\n]);\n\nexport default GlobalStyle;\n"],"mappings":";;;;;;;AASA,MAAM,cAAc,mBAAmB,EAAE,YAAYA,eAAO,KAAK,CAAC;;AAGlE,MAAa,iBAAiB,mBAAmB,EAAE,YAAY,CAC7DC,kBAAU,KAAK,GACfC,qBAAa,KAAK,CACpB,CAAC"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
+
//#region src/ThemeProvider/Meta.tsx
|
|
4
|
+
const VIEWPORT_CONTENT = "width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, viewport-fit=cover, user-scalable=no";
|
|
5
|
+
const Meta = ({ title = "SuperAd UI", description = "SuperAd UI component library" }) => /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
6
|
+
/* @__PURE__ */ jsx("meta", {
|
|
7
|
+
content: VIEWPORT_CONTENT,
|
|
8
|
+
name: "viewport"
|
|
9
|
+
}),
|
|
10
|
+
/* @__PURE__ */ jsx("meta", {
|
|
11
|
+
content: title,
|
|
12
|
+
name: "application-name"
|
|
13
|
+
}),
|
|
14
|
+
/* @__PURE__ */ jsx("meta", {
|
|
15
|
+
content: title,
|
|
16
|
+
name: "apple-mobile-web-app-title"
|
|
17
|
+
}),
|
|
18
|
+
/* @__PURE__ */ jsx("meta", {
|
|
19
|
+
content: description,
|
|
20
|
+
name: "description"
|
|
21
|
+
}),
|
|
22
|
+
/* @__PURE__ */ jsx("meta", {
|
|
23
|
+
content: "yes",
|
|
24
|
+
name: "apple-mobile-web-app-capable"
|
|
25
|
+
}),
|
|
26
|
+
/* @__PURE__ */ jsx("meta", {
|
|
27
|
+
content: "black-translucent",
|
|
28
|
+
name: "apple-mobile-web-app-status-bar-style"
|
|
29
|
+
}),
|
|
30
|
+
/* @__PURE__ */ jsx("meta", {
|
|
31
|
+
content: "#000000",
|
|
32
|
+
name: "msapplication-TileColor"
|
|
33
|
+
}),
|
|
34
|
+
/* @__PURE__ */ jsx("meta", {
|
|
35
|
+
content: "#fff",
|
|
36
|
+
media: "(prefers-color-scheme: light)",
|
|
37
|
+
name: "theme-color"
|
|
38
|
+
}),
|
|
39
|
+
/* @__PURE__ */ jsx("meta", {
|
|
40
|
+
content: "#000",
|
|
41
|
+
media: "(prefers-color-scheme: dark)",
|
|
42
|
+
name: "theme-color"
|
|
43
|
+
})
|
|
44
|
+
] });
|
|
45
|
+
//#endregion
|
|
46
|
+
export { Meta as default };
|
|
47
|
+
|
|
48
|
+
//# sourceMappingURL=Meta.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Meta.mjs","names":[],"sources":["../../src/ThemeProvider/Meta.tsx"],"sourcesContent":["'use client';\n\nimport { type FC } from 'react';\n\nimport type { MetaProps } from './type';\n\nconst VIEWPORT_CONTENT =\n 'width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, viewport-fit=cover, user-scalable=no';\n\nconst Meta: FC<MetaProps> = ({\n title = 'SuperAd UI',\n description = 'SuperAd UI component library',\n}) => (\n <>\n <meta content={VIEWPORT_CONTENT} name=\"viewport\" />\n <meta content={title} name=\"application-name\" />\n <meta content={title} name=\"apple-mobile-web-app-title\" />\n <meta content={description} name=\"description\" />\n <meta content=\"yes\" name=\"apple-mobile-web-app-capable\" />\n <meta content=\"black-translucent\" name=\"apple-mobile-web-app-status-bar-style\" />\n <meta content=\"#000000\" name=\"msapplication-TileColor\" />\n <meta content=\"#fff\" media=\"(prefers-color-scheme: light)\" name=\"theme-color\" />\n <meta content=\"#000\" media=\"(prefers-color-scheme: dark)\" name=\"theme-color\" />\n </>\n);\n\nexport default Meta;\n"],"mappings":";;;AAMA,MAAM,mBACJ;AAEF,MAAM,QAAuB,EAC3B,QAAQ,cACR,cAAc,qCAEd,qBAAA,UAAA,EAAA,UAAA;CACE,oBAAC,QAAD;EAAM,SAAS;EAAkB,MAAK;CAAY,CAAA;CAClD,oBAAC,QAAD;EAAM,SAAS;EAAO,MAAK;CAAoB,CAAA;CAC/C,oBAAC,QAAD;EAAM,SAAS;EAAO,MAAK;CAA8B,CAAA;CACzD,oBAAC,QAAD;EAAM,SAAS;EAAa,MAAK;CAAe,CAAA;CAChD,oBAAC,QAAD;EAAM,SAAQ;EAAM,MAAK;CAAgC,CAAA;CACzD,oBAAC,QAAD;EAAM,SAAQ;EAAoB,MAAK;CAAyC,CAAA;CAChF,oBAAC,QAAD;EAAM,SAAQ;EAAU,MAAK;CAA2B,CAAA;CACxD,oBAAC,QAAD;EAAM,SAAQ;EAAO,OAAM;EAAgC,MAAK;CAAe,CAAA;CAC/E,oBAAC,QAAD;EAAM,SAAQ;EAAO,OAAM;EAA+B,MAAK;CAAe,CAAA;AAC9E,EAAA,CAAA"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { ThemeProviderProps } from "./type.mjs";
|
|
2
|
+
//#region src/ThemeProvider/ThemeProvider.d.ts
|
|
3
|
+
declare const ThemeProvider: import("react").NamedExoticComponent<ThemeProviderProps>;
|
|
4
|
+
//#endregion
|
|
5
|
+
export { ThemeProvider as default };
|
|
6
|
+
//# sourceMappingURL=ThemeProvider.d.mts.map
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { generateCustomStylish } from "../styles/theme/customStylish.mjs";
|
|
3
|
+
import { generateCustomToken } from "../styles/theme/customToken.mjs";
|
|
4
|
+
import { installGlobalFocusRing } from "../GlobalFocusRing/index.mjs";
|
|
5
|
+
import FontLoader from "../FontLoader/index.mjs";
|
|
6
|
+
import { createSuperadAntdTheme } from "../styles/theme/antdTheme.mjs";
|
|
7
|
+
import AppElementContext from "./AppElementContext.mjs";
|
|
8
|
+
import { SUPERAD_THEME_APP_ID } from "./constants.mjs";
|
|
9
|
+
import ConfigProvider$1 from "./ConfigProvider.mjs";
|
|
10
|
+
import GlobalStyle, { EssentialStyle } from "./GlobalStyle/index.mjs";
|
|
11
|
+
import { App } from "antd";
|
|
12
|
+
import { ThemeProvider } from "antd-style";
|
|
13
|
+
import { merge } from "es-toolkit/compat";
|
|
14
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
15
|
+
import { memo, useCallback, useEffect, useMemo, useState } from "react";
|
|
16
|
+
//#region src/ThemeProvider/ThemeProvider.tsx
|
|
17
|
+
const contentsStyle = { display: "contents" };
|
|
18
|
+
const portalHostStyle = {
|
|
19
|
+
position: "fixed",
|
|
20
|
+
top: 0,
|
|
21
|
+
left: 0,
|
|
22
|
+
right: 0,
|
|
23
|
+
height: 0,
|
|
24
|
+
zIndex: 1100
|
|
25
|
+
};
|
|
26
|
+
const appStyle = {
|
|
27
|
+
isolation: "isolate",
|
|
28
|
+
minHeight: "inherit",
|
|
29
|
+
width: "inherit"
|
|
30
|
+
};
|
|
31
|
+
const ThemeProvider$1 = memo(({ appId = SUPERAD_THEME_APP_ID, children, customStylish, customToken, enableCustomFonts = false, enableGlobalFocusRing = true, enableGlobalStyle = true, customFonts, customTheme = {}, className, style, theme: antdTheme, ...rest }) => {
|
|
32
|
+
const [appElement, setAppElement] = useState(null);
|
|
33
|
+
useEffect(() => {
|
|
34
|
+
if (!enableGlobalFocusRing) return;
|
|
35
|
+
return installGlobalFocusRing();
|
|
36
|
+
}, [enableGlobalFocusRing]);
|
|
37
|
+
const webfontUrls = useMemo(() => customFonts ?? [], [customFonts]);
|
|
38
|
+
const stylish = useCallback((params) => ({
|
|
39
|
+
...generateCustomStylish(params),
|
|
40
|
+
...customStylish?.(params)
|
|
41
|
+
}), [customStylish]);
|
|
42
|
+
const token = useCallback((params) => ({
|
|
43
|
+
...generateCustomToken(params),
|
|
44
|
+
...customToken?.(params)
|
|
45
|
+
}), [customToken]);
|
|
46
|
+
const theme = useCallback((appearance) => merge(createSuperadAntdTheme({
|
|
47
|
+
appearance,
|
|
48
|
+
neutralColor: customTheme.neutralColor,
|
|
49
|
+
primaryColor: customTheme.primaryColor
|
|
50
|
+
}), antdTheme), [
|
|
51
|
+
customTheme.primaryColor,
|
|
52
|
+
customTheme.neutralColor,
|
|
53
|
+
antdTheme
|
|
54
|
+
]);
|
|
55
|
+
return /* @__PURE__ */ jsxs(Fragment, { children: [enableCustomFonts && webfontUrls.map((webfont) => /* @__PURE__ */ jsx(FontLoader, { url: webfont }, webfont)), /* @__PURE__ */ jsx(ThemeProvider, {
|
|
56
|
+
customStylish: stylish,
|
|
57
|
+
customToken: token,
|
|
58
|
+
theme,
|
|
59
|
+
...rest,
|
|
60
|
+
children: /* @__PURE__ */ jsxs(ConfigProvider$1, { children: [
|
|
61
|
+
/* @__PURE__ */ jsx(EssentialStyle, {}),
|
|
62
|
+
enableGlobalStyle && /* @__PURE__ */ jsx(GlobalStyle, {}),
|
|
63
|
+
/* @__PURE__ */ jsx(App, {
|
|
64
|
+
className,
|
|
65
|
+
style: {
|
|
66
|
+
...appStyle,
|
|
67
|
+
...style
|
|
68
|
+
},
|
|
69
|
+
children: /* @__PURE__ */ jsx("div", {
|
|
70
|
+
id: appId,
|
|
71
|
+
style: contentsStyle,
|
|
72
|
+
children: /* @__PURE__ */ jsxs(AppElementContext, {
|
|
73
|
+
value: appElement,
|
|
74
|
+
children: [children, /* @__PURE__ */ jsx("div", {
|
|
75
|
+
"data-superad-portal-host": "",
|
|
76
|
+
ref: setAppElement,
|
|
77
|
+
style: portalHostStyle
|
|
78
|
+
})]
|
|
79
|
+
})
|
|
80
|
+
})
|
|
81
|
+
})
|
|
82
|
+
] })
|
|
83
|
+
})] });
|
|
84
|
+
});
|
|
85
|
+
ThemeProvider$1.displayName = "SuperadThemeProvider";
|
|
86
|
+
//#endregion
|
|
87
|
+
export { ThemeProvider$1 as default };
|
|
88
|
+
|
|
89
|
+
//# sourceMappingURL=ThemeProvider.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ThemeProvider.mjs","names":["ThemeProvider","superadCustomStylish","superadCustomToken","AntdThemeProvider","AntdConfigProvider"],"sources":["../../src/ThemeProvider/ThemeProvider.tsx"],"sourcesContent":["'use client';\n\nimport { App } from 'antd';\nimport {\n type CustomStylishParams,\n type CustomTokenParams,\n type GetAntdTheme,\n ThemeProvider as AntdThemeProvider,\n} from 'antd-style';\nimport { merge } from 'es-toolkit/compat';\nimport { memo, useCallback, useEffect, useMemo, useState } from 'react';\n\nimport FontLoader from '@/FontLoader';\nimport { installGlobalFocusRing } from '@/GlobalFocusRing';\nimport { superadCustomStylish, superadCustomToken } from '@/styles';\nimport { createSuperadAntdTheme } from '@/styles/theme/antdTheme';\nimport { type SuperadCustomToken } from '@/types/customToken';\n\nimport AppElementContext from './AppElementContext';\nimport AntdConfigProvider from './ConfigProvider';\nimport { SUPERAD_THEME_APP_ID } from './constants';\nimport GlobalStyle, { EssentialStyle } from './GlobalStyle';\nimport { type ThemeProviderProps } from './type';\n\nconst contentsStyle: React.CSSProperties = { display: 'contents' };\n\nconst portalHostStyle: React.CSSProperties = {\n position: 'fixed',\n top: 0,\n left: 0,\n right: 0,\n height: 0,\n zIndex: 1100,\n};\n\nconst appStyle: React.CSSProperties = {\n isolation: 'isolate',\n minHeight: 'inherit',\n width: 'inherit',\n};\n\nconst ThemeProvider = memo<ThemeProviderProps>(\n ({\n appId = SUPERAD_THEME_APP_ID,\n children,\n customStylish,\n customToken,\n enableCustomFonts = false,\n enableGlobalFocusRing = true,\n enableGlobalStyle = true,\n customFonts,\n customTheme = {},\n className,\n style,\n theme: antdTheme,\n ...rest\n }) => {\n const [appElement, setAppElement] = useState<HTMLDivElement | null>(null);\n\n useEffect(() => {\n if (!enableGlobalFocusRing) return;\n return installGlobalFocusRing();\n }, [enableGlobalFocusRing]);\n\n const webfontUrls = useMemo(() => customFonts ?? [], [customFonts]);\n\n // 用户的 customStylish / customToken 覆盖在内置之后展开,优先级更高\n const stylish = useCallback(\n (params: CustomStylishParams) => ({\n ...superadCustomStylish(params),\n ...customStylish?.(params),\n }),\n [customStylish],\n );\n\n const token = useCallback(\n (params: CustomTokenParams) => ({\n ...superadCustomToken(params),\n ...customToken?.(params),\n }),\n [customToken],\n );\n\n const theme = useCallback<GetAntdTheme>(\n (appearance) =>\n merge(\n createSuperadAntdTheme({\n appearance,\n neutralColor: customTheme.neutralColor,\n primaryColor: customTheme.primaryColor,\n }),\n antdTheme,\n ),\n [customTheme.primaryColor, customTheme.neutralColor, antdTheme],\n );\n\n return (\n <>\n {enableCustomFonts &&\n webfontUrls.map((webfont) => <FontLoader key={webfont} url={webfont} />)}\n <AntdThemeProvider<SuperadCustomToken>\n customStylish={stylish}\n customToken={token}\n theme={theme}\n {...rest}\n >\n <AntdConfigProvider>\n <EssentialStyle />\n {enableGlobalStyle && <GlobalStyle />}\n\n <App className={className} style={{ ...appStyle, ...style }}>\n <div id={appId} style={contentsStyle}>\n <AppElementContext value={appElement}>\n {children}\n <div data-superad-portal-host=\"\" ref={setAppElement} style={portalHostStyle} />\n </AppElementContext>\n </div>\n </App>\n </AntdConfigProvider>\n </AntdThemeProvider>\n </>\n );\n },\n);\n\nThemeProvider.displayName = 'SuperadThemeProvider';\n\nexport default ThemeProvider;\n"],"mappings":";;;;;;;;;;;;;;;;AAwBA,MAAM,gBAAqC,EAAE,SAAS,WAAW;AAEjE,MAAM,kBAAuC;CAC3C,UAAU;CACV,KAAK;CACL,MAAM;CACN,OAAO;CACP,QAAQ;CACR,QAAQ;AACV;AAEA,MAAM,WAAgC;CACpC,WAAW;CACX,WAAW;CACX,OAAO;AACT;AAEA,MAAMA,kBAAgB,MACnB,EACC,QAAQ,sBACR,UACA,eACA,aACA,oBAAoB,OACpB,wBAAwB,MACxB,oBAAoB,MACpB,aACA,cAAc,CAAC,GACf,WACA,OACA,OAAO,WACP,GAAG,WACC;CACJ,MAAM,CAAC,YAAY,iBAAiB,SAAgC,IAAI;CAExE,gBAAgB;EACd,IAAI,CAAC,uBAAuB;EAC5B,OAAO,uBAAuB;CAChC,GAAG,CAAC,qBAAqB,CAAC;CAE1B,MAAM,cAAc,cAAc,eAAe,CAAC,GAAG,CAAC,WAAW,CAAC;CAGlE,MAAM,UAAU,aACb,YAAiC;EAChC,GAAGC,sBAAqB,MAAM;EAC9B,GAAG,gBAAgB,MAAM;CAC3B,IACA,CAAC,aAAa,CAChB;CAEA,MAAM,QAAQ,aACX,YAA+B;EAC9B,GAAGC,oBAAmB,MAAM;EAC5B,GAAG,cAAc,MAAM;CACzB,IACA,CAAC,WAAW,CACd;CAEA,MAAM,QAAQ,aACX,eACC,MACE,uBAAuB;EACrB;EACA,cAAc,YAAY;EAC1B,cAAc,YAAY;CAC5B,CAAC,GACD,SACF,GACF;EAAC,YAAY;EAAc,YAAY;EAAc;CAAS,CAChE;CAEA,OACE,qBAAA,UAAA,EAAA,UAAA,CACG,qBACC,YAAY,KAAK,YAAY,oBAAC,YAAD,EAA0B,KAAK,QAAU,GAAxB,OAAwB,CAAC,GACzE,oBAACC,eAAD;EACE,eAAe;EACf,aAAa;EACN;EACP,GAAI;EAEJ,UAAA,qBAACC,kBAAD,EAAA,UAAA;GACE,oBAAC,gBAAD,CAAiB,CAAA;GAChB,qBAAqB,oBAAC,aAAD,CAAc,CAAA;GAEpC,oBAAC,KAAD;IAAgB;IAAW,OAAO;KAAE,GAAG;KAAU,GAAG;IAAM;IACxD,UAAA,oBAAC,OAAD;KAAK,IAAI;KAAO,OAAO;KACrB,UAAA,qBAAC,mBAAD;MAAmB,OAAO;MAA1B,UAAA,CACG,UACD,oBAAC,OAAD;OAAK,4BAAyB;OAAG,KAAK;OAAe,OAAO;MAAkB,CAAA,CAC7D;;IAChB,CAAA;GACF,CAAA;EACa,EAAA,CAAA;CACH,CAAA,CACnB,EAAA,CAAA;AAEN,CACF;AAEA,gBAAc,cAAc"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.mjs","names":[],"sources":["../../src/ThemeProvider/constants.ts"],"sourcesContent":["export const SUPERAD_THEME_APP_ID = 'superad-ui-theme-app';\n"],"mappings":";AAAA,MAAa,uBAAuB"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { useAppElement } from "./AppElementContext.mjs";
|
|
2
|
+
import { SUPERAD_THEME_APP_ID } from "./constants.mjs";
|
|
3
|
+
import { MetaProps, ThemeProviderProps } from "./type.mjs";
|
|
4
|
+
import Meta from "./Meta.mjs";
|
|
5
|
+
import ThemeProvider from "./ThemeProvider.mjs";
|
|
6
|
+
export { Meta, type MetaProps, SUPERAD_THEME_APP_ID, type ThemeProviderProps, ThemeProvider as default, useAppElement };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './index.d.mts';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './index.mjs';
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { useAppElement } from "./AppElementContext.mjs";
|
|
2
|
+
import { SUPERAD_THEME_APP_ID } from "./constants.mjs";
|
|
3
|
+
import Meta from "./Meta.mjs";
|
|
4
|
+
import ThemeProvider from "./ThemeProvider.mjs";
|
|
5
|
+
export { Meta, SUPERAD_THEME_APP_ID, ThemeProvider as default, useAppElement };
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { NeutralColors, PrimaryColors } from "../styles/customTheme.mjs";
|
|
2
|
+
import "../styles/index.mjs";
|
|
3
|
+
import { CustomStylishParams, CustomTokenParams, ThemeProviderProps } from "antd-style";
|
|
4
|
+
import { CSSProperties } from "react";
|
|
5
|
+
//#region src/ThemeProvider/type.d.ts
|
|
6
|
+
interface ThemeProviderProps$1 extends ThemeProviderProps<any> {
|
|
7
|
+
/** 应用根元素 id,Portal 宿主会挂在其内
|
|
8
|
+
* @default 'superad-theme-app'
|
|
9
|
+
*/
|
|
10
|
+
appId?: string;
|
|
11
|
+
className?: string;
|
|
12
|
+
/** 额外加载的字体样式表 URL 列表(需配合 enableCustomFonts) */
|
|
13
|
+
customFonts?: string[];
|
|
14
|
+
/** 追加/覆盖自定义 stylish,在内置 stylish 之后展开 */
|
|
15
|
+
customStylish?: (theme: CustomStylishParams) => {
|
|
16
|
+
[key: string]: any;
|
|
17
|
+
};
|
|
18
|
+
/** 主题色系选择:主色板与中性色板 */
|
|
19
|
+
customTheme?: {
|
|
20
|
+
neutralColor?: NeutralColors;
|
|
21
|
+
primaryColor?: PrimaryColors;
|
|
22
|
+
};
|
|
23
|
+
/** 追加/覆盖自定义 token,在内置 token 之后展开 */
|
|
24
|
+
customToken?: (theme: CustomTokenParams) => {
|
|
25
|
+
[key: string]: any;
|
|
26
|
+
};
|
|
27
|
+
/** 是否加载 customFonts
|
|
28
|
+
* @default false
|
|
29
|
+
*/
|
|
30
|
+
enableCustomFonts?: boolean;
|
|
31
|
+
/** 是否安装全局焦点环
|
|
32
|
+
* @default true
|
|
33
|
+
*/
|
|
34
|
+
enableGlobalFocusRing?: boolean;
|
|
35
|
+
/** 是否注入全量全局样式(必需的最小样式不受此开关影响)
|
|
36
|
+
* @default true
|
|
37
|
+
*/
|
|
38
|
+
enableGlobalStyle?: boolean;
|
|
39
|
+
style?: CSSProperties;
|
|
40
|
+
}
|
|
41
|
+
interface MetaProps {
|
|
42
|
+
description?: string;
|
|
43
|
+
title?: string;
|
|
44
|
+
withManifest?: boolean;
|
|
45
|
+
}
|
|
46
|
+
//#endregion
|
|
47
|
+
export { MetaProps, ThemeProviderProps$1 as ThemeProviderProps };
|
|
48
|
+
//# sourceMappingURL=type.d.mts.map
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
//#region \0rolldown/runtime.js
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __exportAll = (all, no_symbols) => {
|
|
4
|
+
let target = {};
|
|
5
|
+
for (var name in all) __defProp(target, name, {
|
|
6
|
+
get: all[name],
|
|
7
|
+
enumerable: true
|
|
8
|
+
});
|
|
9
|
+
if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
|
|
10
|
+
return target;
|
|
11
|
+
};
|
|
12
|
+
//#endregion
|
|
13
|
+
export { __exportAll };
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
//#region src/color/colors/blue.ts
|
|
2
|
+
const blue = {
|
|
3
|
+
dark: [
|
|
4
|
+
"#000a18",
|
|
5
|
+
"#000e22",
|
|
6
|
+
"#001731",
|
|
7
|
+
"#002444",
|
|
8
|
+
"#05345b",
|
|
9
|
+
"#134775",
|
|
10
|
+
"#235d92",
|
|
11
|
+
"#3476b4",
|
|
12
|
+
"#4892d8",
|
|
13
|
+
"#60b1ff",
|
|
14
|
+
"#97c7f8",
|
|
15
|
+
"#c1ddfa",
|
|
16
|
+
"#e6f4ff"
|
|
17
|
+
],
|
|
18
|
+
darkA: [
|
|
19
|
+
"rgba(206, 247, 255, 0.02)",
|
|
20
|
+
"rgba(206, 247, 255, 0.05)",
|
|
21
|
+
"rgba(206, 247, 255, 0.09)",
|
|
22
|
+
"rgba(206, 247, 255, 0.14)",
|
|
23
|
+
"rgba(206, 247, 255, 0.2)",
|
|
24
|
+
"rgba(206, 247, 255, 0.27)",
|
|
25
|
+
"rgba(206, 247, 255, 0.33)",
|
|
26
|
+
"rgba(206, 247, 255, 0.39)",
|
|
27
|
+
"rgba(206, 247, 255, 0.45)",
|
|
28
|
+
"rgba(206, 247, 255, 0.52)",
|
|
29
|
+
"rgba(206, 247, 255, 0.68)",
|
|
30
|
+
"rgba(206, 247, 255, 0.85)",
|
|
31
|
+
"#cef7ff"
|
|
32
|
+
],
|
|
33
|
+
light: [
|
|
34
|
+
"#fbffff",
|
|
35
|
+
"#f4fcff",
|
|
36
|
+
"#e8f7ff",
|
|
37
|
+
"#dbf0ff",
|
|
38
|
+
"#cce7ff",
|
|
39
|
+
"#baddff",
|
|
40
|
+
"#a6d2fe",
|
|
41
|
+
"#90c6fc",
|
|
42
|
+
"#75b9fb",
|
|
43
|
+
"#57abf9",
|
|
44
|
+
"#387dbc",
|
|
45
|
+
"#26527b",
|
|
46
|
+
"#102b43"
|
|
47
|
+
],
|
|
48
|
+
lightA: [
|
|
49
|
+
"rgba(0, 44, 105, 0.02)",
|
|
50
|
+
"rgba(0, 44, 105, 0.05)",
|
|
51
|
+
"rgba(0, 44, 105, 0.09)",
|
|
52
|
+
"rgba(0, 44, 105, 0.14)",
|
|
53
|
+
"rgba(0, 44, 105, 0.2)",
|
|
54
|
+
"rgba(0, 44, 105, 0.27)",
|
|
55
|
+
"rgba(0, 44, 105, 0.33)",
|
|
56
|
+
"rgba(0, 44, 105, 0.39)",
|
|
57
|
+
"rgba(0, 44, 105, 0.45)",
|
|
58
|
+
"rgba(0, 44, 105, 0.52)",
|
|
59
|
+
"rgba(0, 44, 105, 0.68)",
|
|
60
|
+
"rgba(0, 44, 105, 0.85)",
|
|
61
|
+
"#002c69"
|
|
62
|
+
]
|
|
63
|
+
};
|
|
64
|
+
//#endregion
|
|
65
|
+
export { blue as default };
|
|
66
|
+
|
|
67
|
+
//# sourceMappingURL=blue.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"blue.mjs","names":[],"sources":["../../../src/color/colors/blue.ts"],"sourcesContent":["import type { ColorScaleItem } from '../types';\n\n// 由 scripts/generateColorScales.ts 生成,请勿手改;调色改脚本里的配置。\nconst blue: ColorScaleItem = {\n dark: [\n '#000a18',\n '#000e22',\n '#001731',\n '#002444',\n '#05345b',\n '#134775',\n '#235d92',\n '#3476b4',\n '#4892d8',\n '#60b1ff',\n '#97c7f8',\n '#c1ddfa',\n '#e6f4ff',\n ],\n darkA: [\n 'rgba(206, 247, 255, 0.02)',\n 'rgba(206, 247, 255, 0.05)',\n 'rgba(206, 247, 255, 0.09)',\n 'rgba(206, 247, 255, 0.14)',\n 'rgba(206, 247, 255, 0.2)',\n 'rgba(206, 247, 255, 0.27)',\n 'rgba(206, 247, 255, 0.33)',\n 'rgba(206, 247, 255, 0.39)',\n 'rgba(206, 247, 255, 0.45)',\n 'rgba(206, 247, 255, 0.52)',\n 'rgba(206, 247, 255, 0.68)',\n 'rgba(206, 247, 255, 0.85)',\n '#cef7ff',\n ],\n light: [\n '#fbffff',\n '#f4fcff',\n '#e8f7ff',\n '#dbf0ff',\n '#cce7ff',\n '#baddff',\n '#a6d2fe',\n '#90c6fc',\n '#75b9fb',\n '#57abf9',\n '#387dbc',\n '#26527b',\n '#102b43',\n ],\n lightA: [\n 'rgba(0, 44, 105, 0.02)',\n 'rgba(0, 44, 105, 0.05)',\n 'rgba(0, 44, 105, 0.09)',\n 'rgba(0, 44, 105, 0.14)',\n 'rgba(0, 44, 105, 0.2)',\n 'rgba(0, 44, 105, 0.27)',\n 'rgba(0, 44, 105, 0.33)',\n 'rgba(0, 44, 105, 0.39)',\n 'rgba(0, 44, 105, 0.45)',\n 'rgba(0, 44, 105, 0.52)',\n 'rgba(0, 44, 105, 0.68)',\n 'rgba(0, 44, 105, 0.85)',\n '#002c69',\n ],\n};\n\nexport default blue;\n"],"mappings":";AAGA,MAAM,OAAuB;CAC3B,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,QAAQ;EACN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;AACF"}
|