@baishuyun/ui-base 6.21.0 → 6.21.1

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

@@ -0,0 +1,142 @@
+import { CSSProperties, ReactNode } from 'react';
+import { Layout } from './constants';
+export interface CheckBoxTheme {
+    /**
+     * @description 选中背景色
+     */
+    checkedBg?: string;
+    /**
+     * @description 选中边框色
+     */
+    checkedBorder?: string;
+    /**
+     * @description 选中勾选图标色
+     */
+    checkIconColor?: string;
+    /**
+     * @description 未选背景色
+     */
+    uncheckedBg?: string;
+    /**
+     * @description 未选边框色
+     */
+    colorBorder?: string;
+    /**
+     * @description 未选悬停边框色
+     */
+    colorBorderHover?: string;
+    /**
+     * @description 半选背景色
+     */
+    indeterminateBg?: string;
+    /**
+     * @description 半选边框色
+     */
+    indeterminateBorder?: string;
+    /**
+     * @description 半选指示条颜色
+     */
+    indeterminateIndicator?: string;
+    /**
+     * @description 禁用背景色
+     */
+    colorBgDisabled?: string;
+    /**
+     * @description 禁用边框色
+     */
+    colorBorderDisabled?: string;
+    /**
+     * @description 禁用勾选图标色
+     */
+    checkIconColorDisabled?: string;
+    /**
+     * @description 禁用半选指示条颜色
+     */
+    indeterminateIndicatorDisabled?: string;
+}
+export interface CheckboxProps {
+    /**
+     * @description 是否选中
+     */
+    checked?: boolean;
+    /**
+     * @description 默认是否选中
+     */
+    defaultChecked?: boolean;
+    /**
+     * @description 是否禁用
+     */
+    disabled?: boolean;
+    /**
+     * @description 半选状态
+     */
+    indeterminate?: boolean;
+    /**
+     * @description 值改变时的回调
+     */
+    onChange?: (checked: boolean) => void;
+    /**
+     * @description 自定义类名
+     */
+    className?: string;
+    /**
+     * @description 自定义样式
+     */
+    style?: CSSProperties;
+    /**
+     * @description 子元素
+     */
+    children?: ReactNode;
+    /**
+     * @description label 的位置，默认在右侧
+     * @default 'right'
+     */
+    labelPosition?: 'left' | 'right';
+    /**
+     * @description checkbox 的值，用于 checkbox group
+     */
+    value?: string | number;
+    /**
+     * @description 组件级颜色 token
+     */
+    theme?: CheckBoxTheme;
+}
+export interface CheckboxGroupProps {
+    /**
+     * @description 选中的值
+     */
+    value?: Array<string | number>;
+    /**
+     * @description 默认选中的值
+     */
+    defaultValue?: Array<string | number>;
+    /**
+     * @description 值改变时的回调
+     */
+    onChange?: (checkedValues: Array<string | number>) => void;
+    /**
+     * @description 是否禁用
+     */
+    disabled?: boolean;
+    /**
+     * @description 布局方式
+     * @default 'none'
+     */
+    layout?: Layout;
+    /**
+     * @description Checkbox 子元素
+     */
+    children?: ReactNode;
+    /**
+     * @description 自定义类名
+     */
+    className?: string;
+    /**
+     * @description 自定义样式
+     */
+    style?: CSSProperties;
+    /**
+     * @description 组件级颜色 token，子项可覆盖同名变量
+     */
+    theme?: CheckBoxTheme;
+}

package/dist/components/CheckBox/style/resolveCheckBoxThemeVars.d.ts

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

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

@@ -5,3 +5,4 @@ type CompoundedComponent = typeof InternalRadio & {
 };
 declare const Radio: CompoundedComponent;
 export default Radio;
+export type { RadioProps, RadioGroupProps, RadioTheme } from './interface';

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/index.d.ts

@@ -17,7 +17,9 @@ 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';

package/dist/index.js

@@ -1,4 +1,4 @@
-import "./vendors/version-BVdbN53a.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,12 +14,12 @@ 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";
@@ -29,8 +29,8 @@ 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-DYI9CWYE.js";
-import { t as M } from "./DatePicker/DatePicker-CopVj7KA.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";