@chenhui996/gg-ui 0.1.0-beta.0 → 0.1.0-beta.2

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

@@ -0,0 +1,36 @@
+import { CSSProperties } from 'react';
+import { GZThemeMode } from '../../styles/themes';
+/** 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: (themeMode: GZThemeMode, theme: Record<string, unknown>, customs?: GoldDarkComponentConfigs) => GoldDarkComponentResults;
+export {};

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

@@ -0,0 +1,20 @@
+import { ConfigProviderProps } from 'antd/es/config-provider';
+import { GZThemeMode } from '../../styles/themes';
+export interface GZConfigProviderProps extends ConfigProviderProps {
+    /**
+     * 组件库的主题模式
+     * @default 'gold-dark'
+     */
+    themeMode?: GZThemeMode;
+}
+/**
+ * gz-ui 的 ConfigProvider，基于 antd ConfigProvider 封装。
+ *
+ * 主要职责：
+ * 1. 根据 `themeMode` 获取预设的主题配置
+ * 2. 合并业务侧传入的自定义主题 token 与 components 配置
+ * 3. 在 gold-dark 模式下，自动为各组件注入对应的 CSS 变量与类名，
+ *    实现组件级别的深色主题适配
+ */
+declare const ConfigProvider: ({ themeMode, 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/{src/components → components}/date-picker/MonthPicker.d.ts

@@ -1,6 +1,6 @@
 import { DatePicker as AntdDatePicker } from 'antd';
 export type GZMonthPickerProps = React.ComponentProps<typeof AntdDatePicker.MonthPicker>;
-declare const MonthPicker: import('react').ForwardRefExoticComponent<Omit<Omit<Omit<import('antd/es/date-picker/generatePicker').PickerProps<import('dayjs').Dayjs>, "picker">, "defaultValue" | "onChange" | "value" | "onOk"> & import('react').RefAttributes<import('@rc-component/picker').PickerRef> & {
+declare const MonthPicker: import('react').ForwardRefExoticComponent<Omit<Omit<Omit<import('antd/es/date-picker/generatePicker').PickerProps<import('dayjs').Dayjs>, "picker">, "value" | "defaultValue" | "onChange" | "onOk"> & import('react').RefAttributes<import('@rc-component/picker').PickerRef> & {
     multiple?: boolean | undefined;
     defaultValue?: unknown;
     value?: unknown;

package/gz-ui-lib/{src/components → components}/date-picker/QuarterPicker.d.ts

@@ -1,6 +1,6 @@
 import { DatePicker as AntdDatePicker } from 'antd';
 export type GZQuarterPickerProps = React.ComponentProps<typeof AntdDatePicker.QuarterPicker>;
-declare const QuarterPicker: import('react').ForwardRefExoticComponent<Omit<Omit<Omit<import('antd/es/date-picker/generatePicker').PickerProps<import('dayjs').Dayjs>, "picker">, "defaultValue" | "onChange" | "value" | "onOk"> & import('react').RefAttributes<import('@rc-component/picker').PickerRef> & {
+declare const QuarterPicker: import('react').ForwardRefExoticComponent<Omit<Omit<Omit<import('antd/es/date-picker/generatePicker').PickerProps<import('dayjs').Dayjs>, "picker">, "value" | "defaultValue" | "onChange" | "onOk"> & import('react').RefAttributes<import('@rc-component/picker').PickerRef> & {
     multiple?: boolean | undefined;
     defaultValue?: unknown;
     value?: unknown;

package/gz-ui-lib/{src/components → components}/date-picker/TimePicker.d.ts

@@ -1,6 +1,6 @@
 import { DatePicker as AntdDatePicker } from 'antd';
 export type GZTimePickerProps = React.ComponentProps<typeof AntdDatePicker.TimePicker>;
-declare const TimePicker: import('react').ForwardRefExoticComponent<Omit<Omit<Omit<import('antd/es/date-picker/generatePicker/interface').GenericTimePickerProps<import('dayjs').Dayjs>, "picker">, "defaultValue" | "onChange" | "value" | "onOk"> & import('react').RefAttributes<import('@rc-component/picker').PickerRef> & {
+declare const TimePicker: import('react').ForwardRefExoticComponent<Omit<Omit<Omit<import('antd/es/date-picker/generatePicker/interface').GenericTimePickerProps<import('dayjs').Dayjs>, "picker">, "value" | "defaultValue" | "onChange" | "onOk"> & import('react').RefAttributes<import('@rc-component/picker').PickerRef> & {
     multiple?: boolean | undefined;
     defaultValue?: unknown;
     value?: unknown;

package/gz-ui-lib/{src/components → components}/date-picker/WeekPicker.d.ts

@@ -1,6 +1,6 @@
 import { DatePicker as AntdDatePicker } from 'antd';
 export type GZWeekPickerProps = React.ComponentProps<typeof AntdDatePicker.WeekPicker>;
-declare const WeekPicker: import('react').ForwardRefExoticComponent<Omit<Omit<Omit<import('antd/es/date-picker/generatePicker').PickerProps<import('dayjs').Dayjs>, "picker">, "defaultValue" | "onChange" | "value" | "onOk"> & import('react').RefAttributes<import('@rc-component/picker').PickerRef> & {
+declare const WeekPicker: import('react').ForwardRefExoticComponent<Omit<Omit<Omit<import('antd/es/date-picker/generatePicker').PickerProps<import('dayjs').Dayjs>, "picker">, "value" | "defaultValue" | "onChange" | "onOk"> & import('react').RefAttributes<import('@rc-component/picker').PickerRef> & {
     multiple?: boolean | undefined;
     defaultValue?: unknown;
     value?: unknown;

package/gz-ui-lib/{src/components → components}/date-picker/YearPicker.d.ts

@@ -1,6 +1,6 @@
 import { DatePicker as AntdDatePicker } from 'antd';
 export type GZYearPickerProps = React.ComponentProps<typeof AntdDatePicker.YearPicker>;
-declare const YearPicker: import('react').ForwardRefExoticComponent<Omit<Omit<Omit<import('antd/es/date-picker/generatePicker').PickerProps<import('dayjs').Dayjs>, "picker">, "defaultValue" | "onChange" | "value" | "onOk"> & import('react').RefAttributes<import('@rc-component/picker').PickerRef> & {
+declare const YearPicker: import('react').ForwardRefExoticComponent<Omit<Omit<Omit<import('antd/es/date-picker/generatePicker').PickerProps<import('dayjs').Dayjs>, "picker">, "value" | "defaultValue" | "onChange" | "onOk"> & import('react').RefAttributes<import('@rc-component/picker').PickerRef> & {
     multiple?: boolean | undefined;
     defaultValue?: unknown;
     value?: unknown;

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}.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%)}
+: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}