@baishuyun/ui-base 6.20.1 → 6.21.1

package/dist/components/Radio/interface.d.ts

@@ -45,6 +45,68 @@ export interface RadioProps {
    * @description radio 的值，用于 radio group
    */
   value?: string | number;
+
+  /**
+   * @description 组件级颜色 token
+   */
+  theme?: RadioTheme;
+}
+
+export interface RadioTheme {
+  /**
+   * @description 选中背景色
+   */
+  checkedBg?: string;
+
+  /**
+   * @description 选中边框色
+   */
+  checkedBorder?: string;
+
+  /**
+   * @description 选中圆点色
+   */
+  dotColor?: string;
+
+  /**
+   * @description 未选背景色
+   */
+  uncheckedBg?: string;
+
+  /**
+   * @description 未选边框色
+   */
+  colorBorder?: string;
+
+  /**
+   * @description 未选悬停边框色
+   */
+  colorBorderHover?: string;
+
+  /**
+   * @description 禁用未选背景色
+   */
+  colorBgDisabled?: string;
+
+  /**
+   * @description 禁用未选边框色
+   */
+  colorBorderDisabled?: string;
+
+  /**
+   * @description 禁用已选背景色
+   */
+  checkedDisabledBg?: string;
+
+  /**
+   * @description 禁用已选边框色
+   */
+  checkedDisabledBorder?: string;
+
+  /**
+   * @description 禁用已选圆点色
+   */
+  checkedDisabledDot?: string;
 }
 
 export interface RadioGroupProps {
@@ -93,4 +155,9 @@ export interface RadioGroupProps {
    * @description 自定义样式
    */
   style?: React.CSSProperties;
+
+  /**
+   * @description 组件级颜色 token，子项可覆盖同名变量
+   */
+  theme?: RadioTheme;
 }

package/dist/components/Radio/style/resolveRadioThemeVars.d.ts

@@ -0,0 +1,2 @@
+import { RadioTheme } from '../interface';
+export declare const resolveRadioThemeVars: (theme?: RadioTheme) => Record<string, string>;

package/dist/components/Tabs/Tab/Tab.d.ts

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
-import { TabsProps } from '../interface';
-interface TabProps extends Pick<TabsProps, 'color' | 'type'> {
+interface TabProps {
     label: React.ReactNode;
     active?: boolean;
     onClick?: (key: string) => void;

package/dist/components/Tabs/TabSelect/interface.d.ts

@@ -1,4 +1,5 @@
 import { TabType } from '../constants';
+import { TabsTheme } from '../interface';
 type TabSelectProps = {
   /**
    * @description 下拉选中的 tab 类型
@@ -16,9 +17,15 @@ type TabSelectProps = {
   defaultValue?: TabType;
 
   /**
-   * @description 主题色
+   * @deprecated 请使用 `theme.colorPrimary`
+   * @description 主题色，等价于 `theme.colorPrimary`
    */
   color?: string;
+
+  /**
+   * @description 预览页签的颜色 token
+   */
+  theme?: TabsTheme;
 };
 
 export type { TabSelectProps };

package/dist/components/Tabs/context/TabContext.d.ts

@@ -1,6 +1,5 @@
 import { TabType } from '../constants';
 declare const TabContext: import('react').Context<{
-    color?: string;
     type?: TabType;
     disabled?: boolean;
 }>;

package/dist/components/Tabs/index.d.ts

@@ -2,3 +2,4 @@ export { default } from './Tabs';
 export { default as TabSelect } from './TabSelect/TabSelect';
 export { default as TabPanel } from './TabPanel/TabPanel';
 export { TABS_TYPE, type TabType } from './constants';
+export type { TabsProps, TabsTheme } from './interface';

package/dist/components/Tabs/interface.d.ts

@@ -1,4 +1,66 @@
 import { TabType } from './constants';
+interface TabsTheme {
+  /**
+   * @description 主色。指示条、line/card 选中文字、filled/badge 选中背景与底边可回退到此值
+   */
+  colorPrimary?: string;
+
+  /**
+   * @description 未选中文字色
+   */
+  colorText?: string;
+
+  /**
+   * @description 选中文字色。不传时 line/card 跟随 colorPrimary，filled/badge 为 #fff
+   */
+  itemActiveColor?: string;
+
+  /**
+   * @description 未选中项背景（card / filled-card / badge-card 轨道）
+   */
+  itemBg?: string;
+
+  /**
+   * @description 未选中项悬停背景
+   */
+  itemHoverBg?: string;
+
+  /**
+   * @description 选中项背景。不传时 filled/badge 跟随 colorPrimary，card 为 #fff
+   */
+  itemActiveBg?: string;
+
+  /**
+   * @description card 选中渐变起始色，默认 colorPrimary 的 10% 透明
+   */
+  itemActiveGradientFrom?: string;
+
+  /**
+   * @description card 选中渐变结束色
+   */
+  itemActiveGradientTo?: string;
+
+  /**
+   * @description line 底部分割线
+   */
+  colorBorder?: string;
+
+  /**
+   * @description 指示条颜色，默认跟随 colorPrimary
+   */
+  inkBarColor?: string;
+
+  /**
+   * @description 滚动按钮图标色
+   */
+  colorIcon?: string;
+
+  /**
+   * @description 滚动按钮禁用色
+   */
+  colorIconDisabled?: string;
+}
+
 interface TabsProps {
   items?: {
     /**
@@ -31,10 +93,16 @@ interface TabsProps {
   onChange?: (key: string) => void;
 
   /**
-   * @description 主题色
+   * @deprecated 请使用 `theme.colorPrimary`
+   * @description 主题色，等价于 `theme.colorPrimary`
    */
   color?: string;
 
+  /**
+   * @description 组件级颜色 token
+   */
+  theme?: TabsTheme;
+
   /**
    * @description 页签的基本样式，可选 line、card 、 filled-card、 badge-card 类型
    */
@@ -56,4 +124,4 @@ interface TabsProps {
   style?: React.CSSProperties;
 }
 
-export type { TabsProps };
+export type { TabsProps, TabsTheme };

package/dist/components/Tabs/style/index.d.ts

@@ -0,0 +1 @@
+export { resolveTabsThemeVars } from './resolveTabsThemeVars';

package/dist/components/Tabs/style/resolveTabsThemeVars.d.ts

@@ -0,0 +1,2 @@
+import { TabsTheme } from '../interface';
+export declare const resolveTabsThemeVars: (theme?: TabsTheme, color?: string) => Record<string, string>;

package/dist/components/index.d.ts

@@ -17,10 +17,13 @@ export { Select } from './Select';
 export type { BaseOptionType, DefaultOptionType, FieldNames, BaseSelectProps, SelectTheme, SelectProps, SelectRef, } from './Select';
 export { Tree } from './Tree';
 export { default as Checkbox } from './CheckBox';
+export type { CheckboxProps, CheckboxGroupProps, CheckBoxTheme } from './CheckBox';
 export { default as Radio } from './Radio';
+export type { RadioProps, RadioGroupProps, RadioTheme } from './Radio';
 /** @deprecated 拼写错误别名，请改用 `Radio` */
 export { default as Ratio } from './Radio';
 export { default as Tabs } from './Tabs';
+export type { TabsProps, TabsTheme } from './Tabs';
 export { default as DropDown } from './DropDown';
 export type { DropDownProps, DropDownTheme, MenuItemType, OffsetType } from './DropDown';
 export { default as Loading } from './Loading';

package/dist/index.js

@@ -1,4 +1,4 @@
-import "./vendors/version-CkTjB1Kb.js";
+import "./vendors/version-CyVENVWD.js";
 import "./ScrollBar/style-D26azwz6.js";
 import { t as e } from "./Icon/Icon-DrdQOEJE.js";
 import "./vendors/LocaleContext-DXQoOKM2.js";
@@ -14,23 +14,23 @@ import "./vendors/useLocale-Be4e7Xfn.js";
 import "./vendors/useLatchedPopupPortalRoot-CC6af8t-.js";
 import { t as _ } from "./Segmented/Segmented-BkTy5v9V.js";
 import { n as v, t as y } from "./Tooltip/Tooltip-DBrt3t2r.js";
-import { t as b } from "./Select/Select-VIy6OKEj.js";
+import { t as b } from "./Select/Select-DryXF1Tp.js";
 import "./Select/SelectInputSearch-MApQHnU9.js";
-import { t as x } from "./vendors/Tree-D0Q1IZ2D.js";
-import "./CheckBox/CheckBox-CcHskTz_.js";
-import { t as S } from "./CheckBox/CheckBox-CM24-quL.js";
-import { t as C } from "./Radio/Radio-D9jhW7K6.js";
+import { t as x } from "./vendors/Tree-DWK-JPnJ.js";
+import "./CheckBox/CheckBox-BErX3YWP.js";
+import { t as S } from "./CheckBox/CheckBox-Dp7hxT2F.js";
+import { t as C } from "./Radio/Radio-C0OAW-K-.js";
 import { t as w } from "./NotFoundContent/NotFoundContent-DJUQ0_2D.js";
 import { t as T } from "./ScrollBar/ScrollBar-IMTuAOF5.js";
 import "./vendors/useFloatingPortal-DJ1iKmW-.js";
 import "./Tree/index.js";
-import { n as E, t as D } from "./Tabs/Tabs-DnoZ8BO0.js";
+import { n as E, t as D } from "./Tabs/Tabs-Imowx4vq.js";
 import { t as O } from "./DropDown/DropDown-B_szM67V.js";
 import { t as k } from "./Loading/Loading-Cherk9Ax.js";
 import "./NotFoundContent/index.js";
 import { t as A } from "./InputTag/InputTag-C_5nm0eo.js";
-import { t as j } from "./Calendar/Calendar-qL5eoYtX.js";
-import { t as M } from "./DatePicker/DatePicker-zoV0C8jf.js";
+import { t as j } from "./Calendar/Calendar-BaIHL7cB.js";
+import { t as M } from "./DatePicker/DatePicker-CbfmdBaK.js";
 import "./DatePicker/pickerLocale-Brf7_Tnd.js";
 import { c as N, d as P, f as F, i as I, l as L, m as R, n as z, o as B, p as V, r as H, s as U, t as W, u as G } from "./Table/Table-8ac6xLZv.js";
 import "overlayscrollbars/overlayscrollbars.css";