feat: add theme vars type (#12018)

* feat(Barrage): add theme vars type

* feat(FloatingPanel): add theme vars type

* feat(FloatingBubble): add theme vars type

* feat(Barrage): add theme vars type

* feat(FloatingPanel): add theme vars type

* feat(FloatingBubble): add theme vars type

* feat(RollingText): add theme vars type

* feat(Signature): add theme vars type

* feat(Watermark): add theme vars type

packages/vant/src/barrage/index.ts

@@ -6,7 +6,7 @@ export default Barrage;
 
 export { barrageProps } from './Barrage';
 export type { BarrageProps, BarrageItem } from './Barrage';
-export type { BarrageInstance } from './types';
+export type { BarrageInstance, BarrageThemeVars } from './types';
 
 declare module 'vue' {
   export interface GlobalComponents {

packages/vant/src/barrage/types.ts

@@ -10,3 +10,10 @@ export type BarrageInstance = ComponentPublicInstance<
   BarrageProps,
   BarrageExpose
 >;
+
+export type BarrageThemeVars = {
+  barrageFontSize?: string;
+  barrageSpace?: string;
+  barrageFont?: string;
+  barrageColor?: string;
+};

packages/vant/src/config-provider/types.ts

@@ -6,6 +6,7 @@ export type ConfigProviderThemeVars =
     import('../address-edit').AddressEditThemeVars &
     import('../address-list').AddressListThemeVars &
     import('../badge').BadgeThemeVars &
+    import('../barrage').BarrageThemeVars &
     import('../button').ButtonThemeVars &
     import('../calendar').CalendarThemeVars &
     import('../card').CardThemeVars &
@@ -28,6 +29,8 @@ export type ConfigProviderThemeVars =
     import('../dropdown-menu').DropdownMenuThemeVars &
     import('../empty').EmptyThemeVars &
     import('../field').FieldThemeVars &
+    import('../floating-bubble').FloatingBubbleThemeVars &
+    import('../floating-panel').FloatingPanelThemeVars &
     import('../grid-item').GridItemThemeVars &
     import('../image').ImageThemeVars &
     import('../image-preview').ImagePreviewThemeVars &
@@ -50,10 +53,12 @@ export type ConfigProviderThemeVars =
     import('../pull-refresh').PullRefreshThemeVars &
     import('../radio').RadioThemeVars &
     import('../rate').RateThemeVars &
+    import('../rolling-text').RollingTextThemeVars &
     import('../search').SearchThemeVars &
     import('../share-sheet').ShareSheetThemeVars &
     import('../sidebar').SidebarThemeVars &
     import('../sidebar-item').SidebarItemThemeVars &
+    import('../signature').SignatureThemeVars &
     import('../skeleton').SkeletonThemeVars &
     import('../slider').SliderThemeVars &
     import('../step').StepThemeVars &
@@ -69,4 +74,5 @@ export type ConfigProviderThemeVars =
     import('../tag').TagThemeVars &
     import('../toast').ToastThemeVars &
     import('../tree-select').TreeSelectThemeVars &
-    import('../uploader').UploaderThemeVars;
+    import('../uploader').UploaderThemeVars &
+    import('../watermark').WatermarkThemeVars;

packages/vant/src/floating-bubble/index.ts

@@ -11,6 +11,7 @@ export type {
   FloatingBubbleMagnetic,
   FloatingBubbleOffset,
 } from './FloatingBubble';
+export type { FloatingBubbleThemeVars } from './types';
 
 declare module 'vue' {
   export interface GlobalComponents {

packages/vant/src/floating-bubble/types.ts

@@ -0,0 +1,8 @@
+export type FloatingBubbleThemeVars = {
+  floatingBubbleSize?: string;
+  floatingBubbleInitialGap?: string;
+  floatingBubbleIconSize?: string;
+  floatingBubbleBackground: string;
+  floatingBubbleColor?: string;
+  floatingBubbleZIndex?: number | string;
+};

packages/vant/src/floating-panel/index.ts

@@ -5,6 +5,7 @@ export const FloatingPanel = withInstall(_FloatingPanel);
 export default FloatingPanel;
 export { floatingPanelProps } from './FloatingPanel';
 export type { FloatingPanelProps } from './FloatingPanel';
+export type { FloatingPanelThemeVars } from './types';
 
 declare module 'vue' {
   export interface GlobalComponents {

packages/vant/src/floating-panel/types.ts

@@ -0,0 +1,9 @@
+export type FloatingPanelThemeVars = {
+  floatingPanelBorderRadius?: string;
+  floatingPanelHeaderHeight?: string;
+  floatingPanelZIndex?: number | string;
+  floatingPanelBackground?: string;
+  floatingPanelBarWidth?: string;
+  floatingPanelBarHeight?: string;
+  floatingPanelBarColor?: string;
+};

packages/vant/src/rolling-text/index.ts

@@ -9,6 +9,7 @@ export type {
   RollingTextDirection,
   RollingTextInstance,
   RollingTextStopOrder,
+  RollingTextThemeVars,
 } from './types';
 
 declare module 'vue' {

packages/vant/src/rolling-text/types.ts

@@ -13,3 +13,12 @@ export type RollingTextInstance = ComponentPublicInstance<
   RollingTextProps,
   RollingTextExpose
 >;
+
+export type RollingTextThemeVars = {
+  rollingTextBackground?: string;
+  rollingTextColor?: string;
+  rollingTextFontSize?: string;
+  rollingTextGap?: string;
+  rollingTextItemWidth?: string;
+  rollingTextItemBorderRadius?: string;
+};

packages/vant/src/signature/index.ts

@@ -4,6 +4,7 @@ import _Signature from './Signature';
 export const Signature = withInstall(_Signature);
 export default Signature;
 export type { SignatureProps } from './Signature';
+export type { SignatureThemeVars } from './types';
 
 declare module 'vue' {
   export interface GlobalComponents {

packages/vant/src/signature/types.ts

@@ -0,0 +1,6 @@
+export type SignatureThemeVars = {
+  signaturePadding?: string;
+  signatureContentHeight?: string;
+  signatureContentBackground?: string;
+  signatureContentBorder?: string;
+};

packages/vant/src/watermark/index.ts

@@ -5,6 +5,7 @@ export const Watermark = withInstall(_Watermark);
 export default Watermark;
 export { watermarkProps } from './Watermark';
 export type { WatermarkProps } from './Watermark';
+export type { WatermarkThemeVars } from './types';
 
 declare module 'vue' {
   export interface GlobalComponents {

packages/vant/src/watermark/types.ts

@@ -0,0 +1,3 @@
+export type WatermarkThemeVars = {
+  watermarkZIndex?: number | string;
+};