@chenhui996/gg-ui 0.0.12-beta.0 → 0.1.0-beta.1

package/gz-ui-lib/components/config-provider/goldDarkAdapters.d.ts

@@ -0,0 +1,36 @@
+import { CSSProperties } from 'react';
+import { GZThemeMode } from '../../styles/themes/themeConfig';
+/** antd ConfigProvider 各组件的 className + style 配置 */
+interface ComponentConfig {
+    className?: string;
+    style?: CSSProperties;
+}
+/** 各组件自定义配置的入参 */
+export interface GoldDarkComponentConfigs {
+    button?: ComponentConfig;
+    steps?: ComponentConfig;
+    checkbox?: ComponentConfig;
+    radio?: ComponentConfig;
+    switch?: ComponentConfig;
+    popconfirm?: ComponentConfig;
+}
+/** 各组件处理后的配置 */
+export interface GoldDarkComponentResults {
+    button?: ComponentConfig;
+    steps?: ComponentConfig;
+    checkbox?: ComponentConfig;
+    radio?: ComponentConfig;
+    switch?: ComponentConfig;
+    popconfirm?: ComponentConfig;
+}
+/**
+ * 根据主题模式（gold-dark / gold-light）为各组件注入对应的 CSS 变量与类名，
+ * 实现组件级别的深色主题适配。
+ *
+ * @param mode      当前主题模式
+ * @param theme     合并后的主题 token 配置
+ * @param customs   各组件由业务侧传入的自定义配置
+ * @returns         处理后的各组件配置
+ */
+export declare const applyGoldDarkAdapters: (mode: GZThemeMode, theme: Record<string, unknown>, customs?: GoldDarkComponentConfigs) => GoldDarkComponentResults;
+export {};

package/gz-ui-lib/components/config-provider/index.d.ts

@@ -1,10 +1,20 @@
 import { ConfigProviderProps } from 'antd/es/config-provider';
+import { GZThemeMode } from '../../styles/themes/themeConfig';
 export interface GZConfigProviderProps extends ConfigProviderProps {
     /**
      * 组件库的主题模式
-     * @default 'light'
+     * @default 'gold-dark'
      */
-    mode?: 'light' | 'dark';
+    mode?: GZThemeMode;
 }
-declare const ConfigProvider: ({ mode, theme: customTheme, locale, children, ...rest }: GZConfigProviderProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * gz-ui 的 ConfigProvider，基于 antd ConfigProvider 封装。
+ *
+ * 主要职责：
+ * 1. 根据 `mode` 获取预设的主题配置（gold-dark / gold-light）
+ * 2. 合并业务侧传入的自定义主题 token 与 components 配置
+ * 3. 在 gold-dark 模式下，自动为各组件注入对应的 CSS 变量与类名，
+ *    实现组件级别的深色主题适配
+ */
+declare const ConfigProvider: ({ mode, theme: customTheme, locale, button: customButton, checkbox: customCheckbox, popconfirm: customPopconfirm, radio: customRadio, steps: customSteps, switch: customSwitch, children, ...rest }: GZConfigProviderProps) => import("react/jsx-runtime").JSX.Element;
 export default ConfigProvider;

package/gz-ui-lib/gg-ui.css

@@ -1 +1 @@
-:root .dumi-default-previewer-demo h1,:root .dumi-default-previewer-demo h2,:root .dumi-default-previewer-demo h3,:root .dumi-default-previewer-demo h4,:root .dumi-default-previewer-demo h5,:root .dumi-default-previewer-demo h6{font-weight:500;margin-top:0;margin-bottom:0}:root .dumi-default-previewer-demo p{margin-top:0;margin-bottom:0}
+:root .dumi-default-previewer-demo h1,:root .dumi-default-previewer-demo h2,:root .dumi-default-previewer-demo h3,:root .dumi-default-previewer-demo h4,:root .dumi-default-previewer-demo h5,:root .dumi-default-previewer-demo h6{font-weight:500;margin-top:0;margin-bottom:0}:root .dumi-default-previewer-demo p{margin-top:0;margin-bottom:0}.gz-button-gold-dark-gradient.ant-btn.ant-btn-color-primary.ant-btn-variant-solid:not(:disabled):not(.ant-btn-disabled):not(.ant-btn-dangerous){color:var(--gz-button-primary-gradient-text);border-color:transparent;background:linear-gradient(180deg,var(--gz-button-primary-gradient-end) 0%,var(--gz-button-primary-gradient-start) 100%)}.gz-button-gold-dark-gradient.ant-btn.ant-btn-color-primary.ant-btn-variant-solid:not(:disabled):not(.ant-btn-disabled):not(.ant-btn-dangerous):hover{color:var(--gz-button-primary-gradient-text-hover);border-color:transparent;background:linear-gradient(180deg,var(--gz-button-primary-gradient-end-hover) 0%,var(--gz-button-primary-gradient-start-hover) 100%)}.gz-button-gold-dark-gradient.ant-btn.ant-btn-color-primary.ant-btn-variant-solid:not(:disabled):not(.ant-btn-disabled):not(.ant-btn-dangerous):active{color:var(--gz-button-primary-gradient-text-active);border-color:transparent;background:linear-gradient(180deg,var(--gz-button-primary-gradient-end-active) 0%,var(--gz-button-primary-gradient-start-active) 100%)}.gz-checkbox-gold-dark.ant-checkbox-wrapper .ant-checkbox-checked:not(.ant-checkbox-disabled):after,.gz-checkbox-gold-dark.ant-checkbox-checked:not(.ant-checkbox-disabled):after{border-color:var(--gz-checkbox-checked-icon-color)}.gz-radio-gold-dark.ant-radio-wrapper .ant-radio-checked:not(.ant-radio-disabled):after{background-color:var(--gz-radio-checked-icon-color)}.gz-steps-gold-dark.ant-steps:not(.ant-steps-dot).ant-steps-filled .ant-steps-item-process:not(.ant-steps-item-custom).ant-steps-item-active .ant-steps-item-icon{color:var(--gz-steps-process-icon-active-text-color)}.gz-switch-gold-dark.ant-switch.ant-switch-checked,.gz-switch-gold-dark.ant-switch.ant-switch-checked:hover:not(.ant-switch-disabled){background:var(--gz-switch-checked-bg)}.gz-switch-gold-dark.ant-switch .ant-switch-inner .ant-switch-inner-checked,.gz-switch-gold-dark.ant-switch .ant-switch-inner .ant-switch-inner-unchecked{color:var(--gz-switch-inner-color)}.gz-popconfirm-gold-dark.ant-popconfirm .ant-popconfirm-buttons>.ant-btn:first-child{background:transparent}.gz-popconfirm-gold-dark.ant-popconfirm .ant-popconfirm-buttons>.ant-btn:first-child:hover,.gz-popconfirm-gold-dark.ant-popconfirm .ant-popconfirm-buttons>.ant-btn:first-child:active,.gz-popconfirm-gold-dark.ant-popconfirm .ant-popconfirm-buttons>.ant-btn:first-child:focus-visible{background:transparent}