@lark-apaas/miaoda-core 0.0.1-alpha.1

package/lib/components/theme/miaoDarkTheme.js

@@ -0,0 +1,310 @@
+const defaultPrimaryPresets = {
+    colorPrimary: '#336df4',
+    colorPrimaryBg: '#152340',
+    colorPrimaryBgHover: '#173166',
+    colorPrimaryBorder: '#336df4',
+    colorPrimaryBorderHover: '#888888',
+    colorPrimaryHover: '#4c88ff',
+    colorPrimaryActive: '#75a4ff',
+    colorPrimaryTextHover: '#3370eb',
+    colorPrimaryText: '#4c88ff',
+    colorPrimaryTextActive: '#75a4ff',
+    colorPrimaryFill: 'rgba(255, 255, 255, 0.22)',
+    colorPrimaryFillSecondary: 'rgba(255, 255, 255, 0.16)',
+    colorPrimaryFillTertiary: 'rgba(255, 255, 255, 0.08)',
+    colorPrimaryFillQuaternary: 'rgba(255, 255, 255, 0.02)'
+};
+const darkToken = {
+    blue: '#8ae8ff',
+    purple: '#bd54c6',
+    cyan: '#95f3d9',
+    green: '#62c473',
+    magenta: '#e34ba9',
+    pink: '#EB2F96',
+    red: '#f4416c',
+    orange: '#ff9927',
+    yellow: '#ffef5c',
+    volcano: '#ec5e41',
+    geekblue: '#0072f5',
+    gold: '#ffb224',
+    lime: '#c4f042',
+    colorPrimary: '#336df4',
+    colorSuccess: '#51ba43',
+    colorWarning: '#f3871b',
+    colorError: '#f05b56',
+    colorInfo: '#336df4',
+    colorLink: '#4c88ff',
+    colorTextBase: '#ebebeb',
+    colorBgBase: '#000',
+    fontFamily: '"HarmonyOS Sans","Segoe UI","SF Pro Display",-apple-system,BlinkMacSystemFont,Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif,"HarmonyOS Sans SC","PingFang SC","Hiragino Sans GB","Microsoft Yahei UI","Microsoft Yahei","Source Han Sans CN",sans-serif,"Segoe UI Emoji","Segoe UI Symbol","Apple Color Emoji","Twemoji Mozilla","Noto Color Emoji","Android Emoji"',
+    fontFamilyCode: 'Hack,ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace,"HarmonyOS Sans SC","PingFang SC","Hiragino Sans GB","Microsoft Yahei UI","Microsoft Yahei","Source Han Sans CN",sans-serif,"Segoe UI Emoji","Segoe UI Symbol","Apple Color Emoji","Twemoji Mozilla","Noto Color Emoji","Android Emoji"',
+    fontSize: 14,
+    lineWidth: 1,
+    lineType: 'solid',
+    motionUnit: 0.1,
+    motionBase: 0,
+    motionEaseOutCirc: 'cubic-bezier(0.08, 0.82, 0.17, 1)',
+    motionEaseInOutCirc: 'cubic-bezier(0.78, 0.14, 0.15, 0.86)',
+    motionEaseOut: 'cubic-bezier(0.215, 0.61, 0.355, 1)',
+    motionEaseInOut: 'cubic-bezier(0.645, 0.045, 0.355, 1)',
+    motionEaseOutBack: 'cubic-bezier(0.12, 0.4, 0.29, 1.46)',
+    motionEaseInBack: 'cubic-bezier(0.71, -0.46, 0.88, 0.6)',
+    motionEaseInQuint: 'cubic-bezier(0.755, 0.05, 0.855, 0.06)',
+    motionEaseOutQuint: 'cubic-bezier(0.23, 1, 0.32, 1)',
+    borderRadius: 6,
+    sizeUnit: 4,
+    sizeStep: 4,
+    sizePopupArrow: 16,
+    controlHeight: 36,
+    zIndexBase: 0,
+    zIndexPopupBase: 1000,
+    opacityImage: 1,
+    wireframe: false,
+    motion: true,
+    borderRadiusLG: 8,
+    borderRadiusSM: 4,
+    colorText: '#ebebeb',
+    colorTextSecondary: '#a6a6a6',
+    colorTextTertiary: '#757575',
+    colorTextQuaternary: '#5f5f5f',
+    colorFill: 'rgba(255, 255, 255, 0.16)',
+    colorFillSecondary: 'rgba(255, 255, 255, 0.10)',
+    colorFillTertiary: 'rgba(255, 255, 255, 0.06)',
+    colorFillQuaternary: 'rgba(255, 255, 255, 0.02)',
+    colorBgSolid: 'rgba(255,255,255,0.95)',
+    colorBgSolidHover: 'rgb(255,255,255)',
+    colorBgSolidActive: 'rgba(255,255,255,0.9)',
+    colorBgLayout: '#000000',
+    colorBgContainer: '#0d0d0d',
+    colorBgElevated: '#1a1a1a',
+    colorBgSpotlight: '#2d2d2d',
+    colorBgBlur: 'rgba(255,255,255,0.04)',
+    colorBorder: '#505050',
+    colorBorderSecondary: '#ebebeb26',
+    colorPrimaryBg: '#152340',
+    colorPrimaryBgHover: '#173166',
+    colorPrimaryBorder: '#336df4',
+    colorPrimaryBorderHover: '#888888',
+    colorPrimaryHover: '#4c88ff',
+    colorPrimaryActive: '#75a4ff',
+    colorPrimaryTextHover: '#3370eb',
+    colorPrimaryText: '#4c88ff',
+    colorPrimaryTextActive: '#75a4ff',
+    colorSuccessBg: '#0e2b0a',
+    colorSuccessBgHover: '#173b12',
+    colorSuccessBorder: '#2f7526',
+    colorSuccessBorderHover: '#35872a',
+    colorSuccessHover: '#419e34',
+    colorSuccessActive: '#69cc5c',
+    colorSuccessTextHover: '#419e34',
+    colorSuccessText: '#51ba43',
+    colorSuccessTextActive: '#69cc5c',
+    colorErrorBg: '#3d1a19',
+    colorErrorBgHover: '#591f1d',
+    colorErrorBgFilledHover: '#441e1f',
+    colorErrorBgActive: '#5b2526',
+    colorErrorBorder: '#b33a37',
+    colorErrorBorderHover: '#d14642',
+    colorErrorHover: '#f05b56',
+    colorErrorActive: '#f89e9b',
+    colorErrorTextHover: '#d14642',
+    colorErrorText: '#f05b56',
+    colorErrorTextActive: '#f89e9b',
+    colorWarningBg: '#33210b',
+    colorWarningBgHover: '#4a2b10',
+    colorWarningBorder: '#a15317',
+    colorWarningBorderHover: '#b85e1a',
+    colorWarningHover: '#db7018',
+    colorWarningActive: '#f89e44',
+    colorWarningTextHover: '#db7018',
+    colorWarningText: '#f3871b',
+    colorWarningTextActive: '#f89e44',
+    colorInfoBg: '#002126',
+    colorInfoBgHover: '#00363f',
+    colorInfoBorder: '#006675',
+    colorInfoBorderHover: '#008093',
+    colorInfoHover: '#b8f0ff',
+    colorInfoActive: '#47b3ca',
+    colorInfoTextHover: '#b8f0ff',
+    colorInfoText: '#8ae8ff',
+    colorInfoTextActive: '#47b3ca',
+    colorLinkHover: '#3370eb',
+    colorLinkActive: '#75a4ff',
+    colorBgMask: 'rgba(0, 0, 0, 0.44)',
+    colorWhite: '#fff',
+    fontSizeSM: 12,
+    fontSizeLG: 16,
+    fontSizeXL: 18,
+    fontSizeHeading1: 30,
+    fontSizeHeading2: 24,
+    fontSizeHeading3: 20,
+    fontSizeHeading4: 18,
+    fontSizeHeading5: 16,
+    lineHeight: 1.5714285714285714,
+    lineHeightLG: 1.5,
+    lineHeightSM: 1.6666666666666667,
+    fontHeight: 22,
+    fontHeightLG: 24,
+    fontHeightSM: 20,
+    lineHeightHeading1: 1.2105263157894737,
+    lineHeightHeading2: 1.2666666666666666,
+    lineHeightHeading3: 1.3333333333333333,
+    lineHeightHeading4: 1.4,
+    lineHeightHeading5: 1.5,
+    sizeXXL: 48,
+    sizeXL: 32,
+    sizeLG: 24,
+    sizeMD: 20,
+    sizeMS: 16,
+    size: 16,
+    sizeSM: 12,
+    sizeXS: 8,
+    sizeXXS: 4,
+    controlHeightSM: 27,
+    controlHeightXS: 18,
+    controlHeightLG: 45,
+    motionDurationFast: '0.1s',
+    motionDurationMid: '0.2s',
+    motionDurationSlow: '0.3s',
+    lineWidthBold: 2,
+    borderRadiusOuter: 4,
+    colorPrimaryFill: 'rgba(255, 255, 255, 0.22)',
+    colorPrimaryFillSecondary: 'rgba(255, 255, 255, 0.16)',
+    colorPrimaryFillTertiary: 'rgba(255, 255, 255, 0.08)',
+    colorPrimaryFillQuaternary: 'rgba(255, 255, 255, 0.02)',
+    colorSuccessFill: 'rgba(177, 255, 0, 0.31)',
+    colorSuccessFillSecondary: 'rgba(168, 250, 0, 0.22)',
+    colorSuccessFillTertiary: 'rgba(154, 254, 0, 0.13)',
+    colorSuccessFillQuaternary: 'rgba(100, 200, 0, 0.02)',
+    colorWarningFill: 'rgba(252, 174, 0, 0.42)',
+    colorWarningFillSecondary: 'rgba(248, 166, 0, 0.29)',
+    colorWarningFillTertiary: 'rgba(247, 159, 0, 0.17)',
+    colorWarningFillQuaternary: 'rgba(233, 100, 0, 0.03)',
+    colorErrorFill: 'rgba(255, 0, 106, 0.47)',
+    colorErrorFillSecondary: 'rgba(253, 0, 103, 0.34)',
+    colorErrorFillTertiary: 'rgba(255, 0, 95, 0.22)',
+    colorErrorFillQuaternary: 'rgba(250, 0, 50, 0.06)',
+    colorInfoFill: 'rgba(0, 223, 254, 0.35)',
+    colorInfoFillSecondary: 'rgba(0, 216, 252, 0.25)',
+    colorInfoFillTertiary: 'rgba(0, 220, 253, 0.15)',
+    colorInfoFillQuaternary: 'rgba(0, 167, 200, 0.03)',
+    boxShadow: '\n      0 6px 16px 0 rgba(0, 0, 0, 0.08),\n      0 3px 6px -4px rgba(0, 0, 0, 0.12),\n      0 9px 28px 8px rgba(0, 0, 0, 0.05)\n    ',
+    boxShadowSecondary: '\n      0 6px 16px 0 rgba(0, 0, 0, 0.08),\n      0 3px 6px -4px rgba(0, 0, 0, 0.12),\n      0 9px 28px 8px rgba(0, 0, 0, 0.05)\n    ',
+    boxShadowTertiary: '\n      0 1px 2px 0 rgba(0, 0, 0, 0.03),\n      0 1px 6px -1px rgba(0, 0, 0, 0.02),\n      0 2px 4px 0 rgba(0, 0, 0, 0.02)\n    ',
+    colorTextLightSolid: '#fff',
+    colorFillContent: 'rgba(255, 255, 255, 0.10)',
+    colorFillContentHover: 'rgba(255, 255, 255, 0.16)',
+    colorFillAlter: 'rgba(255, 255, 255, 0.02)',
+    colorBgContainerDisabled: 'rgba(255, 255, 255, 0.06)',
+    colorBorderBg: '#0d0d0d',
+    colorSplit: 'rgba(230,230,230,0.06)',
+    colorTextPlaceholder: '#555555',
+    colorTextDisabled: '#555555',
+    colorTextHeading: '#ffffff',
+    colorTextLabel: '#aaaaaa',
+    colorTextDescription: '#6f6f6f',
+    colorHighlight: '#f4416c',
+    colorBgTextHover: 'rgba(255, 255, 255, 0.10)',
+    colorBgTextActive: 'rgba(255, 255, 255, 0.16)',
+    colorIcon: '#6f6f6f',
+    colorIconHover: '#ffffff',
+    colorErrorOutline: 'rgba(57,0,21,0.97)',
+    colorWarningOutline: 'rgba(43,27,0,0.97)',
+    fontSizeIcon: 12,
+    lineWidthFocus: 3,
+    controlOutlineWidth: 2,
+    controlInteractiveSize: 18,
+    controlItemBgHover: 'rgba(255, 255, 255, 0.06)',
+    controlItemBgActive: '#111111',
+    controlItemBgActiveHover: '#333333',
+    controlItemBgActiveDisabled: 'rgba(255, 255, 255, 0.16)',
+    controlTmpOutline: 'rgba(255, 255, 255, 0.02)',
+    controlOutline: 'rgba(213,213,213,0.02)',
+    fontWeightStrong: 600,
+    opacityLoading: 0.65,
+    linkDecoration: 'none',
+    linkHoverDecoration: 'none',
+    linkFocusDecoration: 'none',
+    controlPaddingHorizontal: 12,
+    controlPaddingHorizontalSM: 8,
+    paddingXXS: 4,
+    paddingXS: 8,
+    paddingSM: 12,
+    padding: 16,
+    paddingMD: 20,
+    paddingLG: 24,
+    paddingXL: 32,
+    paddingContentHorizontalLG: 24,
+    paddingContentVerticalLG: 16,
+    paddingContentHorizontal: 16,
+    paddingContentVertical: 12,
+    paddingContentHorizontalSM: 16,
+    paddingContentVerticalSM: 8,
+    marginXXS: 4,
+    marginXS: 8,
+    marginSM: 12,
+    margin: 16,
+    marginMD: 20,
+    marginLG: 24,
+    marginXL: 32,
+    marginXXL: 48,
+    screenXS: 480,
+    screenXSMin: 480,
+    screenXSMax: 575,
+    screenSM: 576,
+    screenSMMin: 576,
+    screenSMMax: 767,
+    screenMD: 768,
+    screenMDMin: 768,
+    screenMDMax: 991,
+    screenLG: 992,
+    screenLGMin: 992,
+    screenLGMax: 1199,
+    screenXL: 1200,
+    screenXLMin: 1200,
+    screenXLMax: 1599,
+    screenXXL: 1600,
+    screenXXLMin: 1600,
+    boxShadowPopoverArrow: '2px 2px 5px rgba(0, 0, 0, 0.05)',
+    boxShadowCard: '\n      0 1px 2px -2px rgba(0,0,0,0.16),\n      0 3px 6px 0 rgba(0,0,0,0.12),\n      0 5px 12px 4px rgba(0,0,0,0.09)\n    ',
+    boxShadowDrawerRight: '\n      -6px 0 16px 0 rgba(0, 0, 0, 0.08),\n      -3px 0 6px -4px rgba(0, 0, 0, 0.12),\n      -9px 0 28px 8px rgba(0, 0, 0, 0.05)\n    ',
+    boxShadowDrawerLeft: '\n      6px 0 16px 0 rgba(0, 0, 0, 0.08),\n      3px 0 6px -4px rgba(0, 0, 0, 0.12),\n      9px 0 28px 8px rgba(0, 0, 0, 0.05)\n    ',
+    boxShadowDrawerUp: '\n      0 6px 16px 0 rgba(0, 0, 0, 0.08),\n      0 3px 6px -4px rgba(0, 0, 0, 0.12),\n      0 9px 28px 8px rgba(0, 0, 0, 0.05)\n    ',
+    boxShadowDrawerDown: '\n      0 -6px 16px 0 rgba(0, 0, 0, 0.08),\n      0 -3px 6px -4px rgba(0, 0, 0, 0.12),\n      0 -9px 28px 8px rgba(0, 0, 0, 0.05)\n    ',
+    boxShadowTabsOverflowLeft: 'inset 10px 0 8px -8px rgba(0, 0, 0, 0.08)',
+    boxShadowTabsOverflowRight: 'inset -10px 0 8px -8px rgba(0, 0, 0, 0.08)',
+    boxShadowTabsOverflowTop: 'inset 0 10px 8px -8px rgba(0, 0, 0, 0.08)',
+    boxShadowTabsOverflowBottom: 'inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08)',
+    Button: {
+        contentFontSizeSM: 12
+    },
+    DatePicker: {},
+    Input: {},
+    InputNumber: {},
+    Mentions: {},
+    Select: {},
+    themeMode: 'dark',
+    appearance: 'dark',
+    isDarkMode: true,
+    browserPrefers: 'light',
+    prefixCls: 'antd',
+    iconPrefixCls: 'anticon'
+};
+const defaultDarkTheme = {
+    cssVar: true,
+    token: {
+        ...darkToken,
+        ...defaultPrimaryPresets
+    },
+    components: {
+        Tag: {
+            lineType: 'none'
+        },
+        Button: {
+            dangerShadow: '0',
+            defaultShadow: '0',
+            primaryShadow: '0'
+        }
+    }
+};
+export { defaultDarkTheme };

package/lib/components/theme/miaoLightTheme.d.ts

@@ -0,0 +1,2 @@
+import { type ThemeConfig } from 'antd';
+export declare const defaultLightTheme: ThemeConfig;

package/lib/components/theme/miaoLightTheme.js

@@ -0,0 +1,296 @@
+const defaultPrimaryPresets = {
+    colorPrimary: '#1456f0',
+    colorPrimaryBg: '#f0f4ff',
+    colorPrimaryBgHover: '#e0e9ff',
+    colorPrimaryBorder: '#336df4',
+    colorPrimaryBorderHover: '#5083fb',
+    colorPrimaryHover: '#336df4',
+    colorPrimaryActive: '#0442d2',
+    colorPrimaryTextHover: '#336df4',
+    colorPrimaryText: '#1456f0',
+    colorPrimaryTextActive: '#0442d2',
+    colorPrimaryFill: 'rgba(0, 0, 0, 0.36)',
+    colorPrimaryFillSecondary: 'rgba(0, 0, 0, 0.22)',
+    colorPrimaryFillTertiary: 'rgba(0, 0, 0, 0.16)',
+    colorPrimaryFillQuaternary: 'rgba(0, 0, 0, 0.08)'
+};
+const lightToken = {
+    blue: '#7AA2FF',
+    purple: '#B791FA',
+    cyan: '#2DBEAB',
+    green: '#32A645',
+    magenta: '#EB78B8',
+    pink: '#EB2F96',
+    red: '#FF7570',
+    orange: '#FF811A',
+    yellow: '#FFC60A',
+    volcano: '#FFE928',
+    geekblue: '#25B0E7',
+    gold: '#DE81DE',
+    lime: '#91AD00',
+    colorSuccess: '#32a645',
+    colorError: '#f54a45',
+    colorInfo: '#1456f0',
+    colorLink: '#1456f0',
+    colorTextBase: '#1f2329',
+    colorBgBase: '#fff',
+    fontFamily: '"HarmonyOS Sans","Segoe UI","SF Pro Display",-apple-system,BlinkMacSystemFont,Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif,"HarmonyOS Sans SC","PingFang SC","Hiragino Sans GB","Microsoft Yahei UI","Microsoft Yahei","Source Han Sans CN",sans-serif,"Segoe UI Emoji","Segoe UI Symbol","Apple Color Emoji","Twemoji Mozilla","Noto Color Emoji","Android Emoji"',
+    fontFamilyCode: 'Hack,ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace,"HarmonyOS Sans SC","PingFang SC","Hiragino Sans GB","Microsoft Yahei UI","Microsoft Yahei","Source Han Sans CN",sans-serif,"Segoe UI Emoji","Segoe UI Symbol","Apple Color Emoji","Twemoji Mozilla","Noto Color Emoji","Android Emoji"',
+    lineWidth: 1,
+    lineType: 'solid',
+    motionUnit: 0.1,
+    motionBase: 0,
+    motionEaseOutCirc: 'cubic-bezier(0.08, 0.82, 0.17, 1)',
+    motionEaseInOutCirc: 'cubic-bezier(0.78, 0.14, 0.15, 0.86)',
+    motionEaseOut: 'cubic-bezier(0.215, 0.61, 0.355, 1)',
+    motionEaseInOut: 'cubic-bezier(0.645, 0.045, 0.355, 1)',
+    motionEaseOutBack: 'cubic-bezier(0.12, 0.4, 0.29, 1.46)',
+    motionEaseInBack: 'cubic-bezier(0.71, -0.46, 0.88, 0.6)',
+    motionEaseInQuint: 'cubic-bezier(0.755, 0.05, 0.855, 0.06)',
+    motionEaseOutQuint: 'cubic-bezier(0.23, 1, 0.32, 1)',
+    borderRadius: 6,
+    sizePopupArrow: 16,
+    controlHeight: 36,
+    zIndexBase: 0,
+    zIndexPopupBase: 1000,
+    opacityImage: 1,
+    wireframe: false,
+    motion: true,
+    borderRadiusLG: 8,
+    borderRadiusSM: 4,
+    colorText: '#1f2329',
+    colorTextSecondary: '#646a73',
+    colorTextTertiary: '#8f959e',
+    colorTextQuaternary: '#bbbfc4',
+    colorFill: '#1f23291f',
+    colorFillSecondary: '#1f23290f',
+    colorFillTertiary: '#1f232908',
+    colorFillQuaternary: '#1f232905',
+    colorBgSolid: 'rgb(0,0,0)',
+    colorBgSolidHover: 'rgba(0,0,0,0.75)',
+    colorBgSolidActive: 'rgba(0,0,0,0.95)',
+    colorBgSpotlight: '#eff0f1',
+    colorBgBlur: 'transparent',
+    colorBorder: '#d0d3d6',
+    colorBorderSecondary: '#dee0e3',
+    colorSuccessBg: '#e4fae1',
+    colorSuccessBgHover: '#d0f5ce',
+    colorSuccessBorder: '#32a645',
+    colorSuccessBorderHover: '#258832',
+    colorSuccessHover: '#71c179',
+    colorSuccessActive: '#258832',
+    colorSuccessTextHover: '#35bd4b',
+    colorSuccessText: '#32a645',
+    colorSuccessTextActive: '#258832',
+    colorErrorBg: '#fef0f0',
+    colorErrorBgHover: '#fee3e2',
+    colorErrorBgFilledHover: '#ffdfdc',
+    colorErrorBgActive: '#ffccc7',
+    colorErrorBorder: '#f54a45',
+    colorErrorBorderHover: '#e22e28',
+    colorErrorHover: '#f54a45',
+    colorErrorActive: '#a53716',
+    colorErrorTextHover: '#ff7570',
+    colorErrorText: '#f54a45',
+    colorErrorTextActive: '#de332c',
+    colorWarningBg: '#fff3e5',
+    colorWarningBgHover: '#fee7cd',
+    colorWarningBorder: '#ed6d0c',
+    colorWarningBorderHover: '#c25705',
+    colorWarningHover: '#ffc368',
+    colorWarningActive: '#c25705',
+    colorWarningTextHover: '#ff9d4c',
+    colorWarningText: '#ff811a',
+    colorWarningTextActive: '#ed6d0c',
+    colorInfoBg: '#fcfbff',
+    colorInfoBgHover: '#f1f5ff',
+    colorInfoBorder: '#cedfff',
+    colorInfoBorderHover: '#e2ebff',
+    colorInfoHover: '#4c90ff',
+    colorInfoActive: '#005ae0',
+    colorInfoTextHover: '#4c90ff',
+    colorInfoText: '#0072f5',
+    colorInfoTextActive: '#005ae0',
+    colorLinkHover: '#336df4',
+    colorLinkActive: '#0442d2',
+    colorBgMask: '#1f232966',
+    colorWhite: '#fff',
+    fontSizeSM: 12,
+    fontSizeLG: 16,
+    fontSizeXL: 18,
+    fontSizeHeading1: 30,
+    fontSizeHeading2: 24,
+    fontSizeHeading3: 20,
+    fontSizeHeading4: 18,
+    fontSizeHeading5: 16,
+    lineHeight: 1.5714285714285714,
+    lineHeightLG: 1.5,
+    lineHeightSM: 1.6666666666666667,
+    fontHeight: 22,
+    fontHeightLG: 24,
+    fontHeightSM: 20,
+    lineHeightHeading1: 1.2105263157894737,
+    lineHeightHeading2: 1.2666666666666666,
+    lineHeightHeading3: 1.3333333333333333,
+    lineHeightHeading4: 1.4,
+    lineHeightHeading5: 1.5,
+    sizeXXL: 48,
+    sizeXL: 32,
+    sizeLG: 24,
+    sizeMD: 20,
+    sizeMS: 16,
+    size: 16,
+    sizeSM: 12,
+    sizeXS: 8,
+    sizeXXS: 4,
+    controlHeightSM: 27,
+    controlHeightXS: 18,
+    controlHeightLG: 45,
+    motionDurationFast: '0.1s',
+    motionDurationMid: '0.2s',
+    motionDurationSlow: '0.3s',
+    lineWidthBold: 2,
+    borderRadiusOuter: 4,
+    colorSuccessFill: 'rgba(40, 174, 1, 0.26)',
+    colorSuccessFillSecondary: 'rgba(60, 190, 10, 0.14)',
+    colorSuccessFillTertiary: 'rgba(84, 205, 12, 0.10)',
+    colorSuccessFillQuaternary: 'rgba(117, 230, 5, 0.06)',
+    colorWarningFill: 'rgba(255, 134, 5, 0.20)',
+    colorWarningFillSecondary: 'rgba(255, 117, 5, 0.16)',
+    colorWarningFillTertiary: 'rgba(255,155,55,0.08)',
+    colorWarningFillQuaternary: 'rgba(255,145,55,0.04)',
+    colorErrorFill: 'rgba(255, 42, 3, 0.20)',
+    colorErrorFillSecondary: 'rgba(255, 35, 2, 0.12)',
+    colorErrorFillTertiary: 'rgba(255, 44, 11, 0.06)',
+    colorErrorFillQuaternary: 'rgba(255, 55, 30, 0.04)',
+    colorInfoFill: 'rgba(10, 95, 255, 0.2)',
+    colorInfoFillSecondary: 'rgba(13, 88, 255, 0.12)',
+    colorInfoFillTertiary: 'rgba(22, 88, 255, 0.06)',
+    colorInfoFillQuaternary: 'rgba(105, 55, 255, 0.02)',
+    boxShadow: '\n      0 6px 16px 0 rgba(0, 0, 0, 0.08),\n      0 3px 6px -4px rgba(0, 0, 0, 0.12),\n      0 9px 28px 8px rgba(0, 0, 0, 0.05)\n    ',
+    boxShadowSecondary: '\n      0 6px 16px 0 rgba(0, 0, 0, 0.08),\n      0 3px 6px -4px rgba(0, 0, 0, 0.12),\n      0 9px 28px 8px rgba(0, 0, 0, 0.05)\n    ',
+    boxShadowTertiary: '\n      0 1px 2px 0 rgba(0, 0, 0, 0.03),\n      0 1px 6px -1px rgba(0, 0, 0, 0.02),\n      0 2px 4px 0 rgba(0, 0, 0, 0.02)\n    ',
+    colorTextLightSolid: '#fff',
+    colorFillContent: 'rgba(0, 0, 0, 0.06)',
+    colorFillContentHover: 'rgba(0, 0, 0, 0.12)',
+    colorFillAlter: 'rgba(0, 0, 0, 0.015)',
+    colorBgContainerDisabled: 'rgba(0, 0, 0, 0.03)',
+    colorBorderBg: '#ffffff',
+    colorSplit: 'rgba(12,12,12,0.07)',
+    colorTextPlaceholder: '#bbbbbb',
+    colorTextDisabled: '#bbbbbb',
+    colorTextHeading: '#080808',
+    colorTextLabel: '#666666',
+    colorTextDescription: '#999999',
+    colorHighlight: '#ec5e41',
+    colorBgTextHover: 'rgba(0, 0, 0, 0.06)',
+    colorBgTextActive: 'rgba(0, 0, 0, 0.12)',
+    colorIcon: '#999999',
+    colorIconHover: '#080808',
+    colorErrorOutline: 'rgba(255,55,30,0.04)',
+    colorWarningOutline: 'rgba(255,55,255,0.01)',
+    fontSizeIcon: 12,
+    lineWidthFocus: 3,
+    controlOutlineWidth: 2,
+    controlInteractiveSize: 18,
+    controlItemBgHover: 'rgba(0, 0, 0, 0.03)',
+    controlItemBgActive: '#f5f5f5',
+    controlItemBgActiveHover: '#eeeeee',
+    controlItemBgActiveDisabled: 'rgba(0, 0, 0, 0.12)',
+    controlTmpOutline: 'rgba(0, 0, 0, 0.015)',
+    controlOutline: 'rgba(5,5,5,0.04)',
+    fontWeightStrong: 600,
+    opacityLoading: 0.65,
+    linkDecoration: 'none',
+    linkHoverDecoration: 'none',
+    linkFocusDecoration: 'none',
+    controlPaddingHorizontal: 12,
+    controlPaddingHorizontalSM: 8,
+    paddingXXS: 4,
+    paddingXS: 8,
+    paddingSM: 12,
+    padding: 16,
+    paddingMD: 20,
+    paddingLG: 24,
+    paddingXL: 32,
+    paddingContentHorizontalLG: 24,
+    paddingContentVerticalLG: 16,
+    paddingContentHorizontal: 16,
+    paddingContentVertical: 12,
+    paddingContentHorizontalSM: 16,
+    paddingContentVerticalSM: 8,
+    marginXXS: 4,
+    marginXS: 8,
+    marginSM: 12,
+    margin: 16,
+    marginMD: 20,
+    marginLG: 24,
+    marginXL: 32,
+    marginXXL: 48,
+    screenXS: 480,
+    screenXSMin: 480,
+    screenXSMax: 575,
+    screenSM: 576,
+    screenSMMin: 576,
+    screenSMMax: 767,
+    screenMD: 768,
+    screenMDMin: 768,
+    screenMDMax: 991,
+    screenLG: 992,
+    screenLGMin: 992,
+    screenLGMax: 1199,
+    screenXL: 1200,
+    screenXLMin: 1200,
+    screenXLMax: 1599,
+    screenXXL: 1600,
+    screenXXLMin: 1600,
+    boxShadowPopoverArrow: '2px 2px 5px rgba(0, 0, 0, 0.05)',
+    boxShadowCard: '\n      0 1px 2px -2px rgba(0,0,0,0.16),\n      0 3px 6px 0 rgba(0,0,0,0.12),\n      0 5px 12px 4px rgba(0,0,0,0.09)\n    ',
+    boxShadowDrawerRight: '\n      -6px 0 16px 0 rgba(0, 0, 0, 0.08),\n      -3px 0 6px -4px rgba(0, 0, 0, 0.12),\n      -9px 0 28px 8px rgba(0, 0, 0, 0.05)\n    ',
+    boxShadowDrawerLeft: '\n      6px 0 16px 0 rgba(0, 0, 0, 0.08),\n      3px 0 6px -4px rgba(0, 0, 0, 0.12),\n      9px 0 28px 8px rgba(0, 0, 0, 0.05)\n    ',
+    boxShadowDrawerUp: '\n      0 6px 16px 0 rgba(0, 0, 0, 0.08),\n      0 3px 6px -4px rgba(0, 0, 0, 0.12),\n      0 9px 28px 8px rgba(0, 0, 0, 0.05)\n    ',
+    boxShadowDrawerDown: '\n      0 -6px 16px 0 rgba(0, 0, 0, 0.08),\n      0 -3px 6px -4px rgba(0, 0, 0, 0.12),\n      0 -9px 28px 8px rgba(0, 0, 0, 0.05)\n    ',
+    boxShadowTabsOverflowLeft: 'inset 10px 0 8px -8px rgba(0, 0, 0, 0.08)',
+    boxShadowTabsOverflowRight: 'inset -10px 0 8px -8px rgba(0, 0, 0, 0.08)',
+    boxShadowTabsOverflowTop: 'inset 0 10px 8px -8px rgba(0, 0, 0, 0.08)',
+    boxShadowTabsOverflowBottom: 'inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08)',
+    Button: {
+        contentFontSizeSM: 12
+    },
+    DatePicker: {},
+    Input: {},
+    InputNumber: {},
+    Mentions: {},
+    Select: {},
+    themeMode: 'light',
+    appearance: 'light',
+    isDarkMode: false,
+    browserPrefers: 'light',
+    prefixCls: 'antd',
+    iconPrefixCls: 'anticon',
+    colorPrimaryBgHover: '#e0e9ff',
+    colorWarning: '#ed6d0c',
+    colorBgLayout: '#f5f6f7'
+};
+const defaultLightTheme = {
+    cssVar: true,
+    token: {
+        ...lightToken,
+        ...defaultPrimaryPresets
+    },
+    components: {
+        Tag: {
+            lineType: 'none',
+            algorithm: true
+        },
+        Tooltip: {
+            colorBgSpotlight: 'rgb(31,35,41)'
+        },
+        Button: {
+            dangerShadow: '0',
+            defaultShadow: '0',
+            primaryShadow: '0'
+        }
+    }
+};
+export { defaultLightTheme };

package/lib/components/theme/ui-config.d.ts

@@ -0,0 +1 @@
+export { defaultUIConfig, type UIComponentConfig, } from '@lark-apaas/miaoda-inspector';

package/lib/components/theme/ui-config.js

@@ -0,0 +1,2 @@
+import { defaultUIConfig } from "@lark-apaas/miaoda-inspector";
+export { defaultUIConfig };

package/lib/components/theme/util.d.ts

@@ -0,0 +1,20 @@
+import { type ThemeConfig } from 'antd';
+import { UIComponentConfig } from './ui-config';
+export type IThemeMode = 'dark' | 'light' | 'system';
+export interface IThemeTokenMeta {
+    /**
+     * 品牌色
+     */
+    colorPrimary: string;
+    /**
+     * 边框圆角
+     */
+    borderRadius: number;
+    /**
+     * 疏密度（间距）
+     */
+    spacing: number;
+}
+export declare const generateTailwindRadiusToken: (radiusRemValue: number) => UIComponentConfig;
+export declare function generateLightTheme(override?: Partial<IThemeTokenMeta>): ThemeConfig;
+export declare function generateDarkTheme(override?: Partial<IThemeTokenMeta>): ThemeConfig;