diff --git a/packages/varlet-ui/src/style-provider/StyleProvider.vue b/packages/varlet-ui/src/style-provider/StyleProvider.vue index 16a85e8aec2..42a5b8d0943 100644 --- a/packages/varlet-ui/src/style-provider/StyleProvider.vue +++ b/packages/varlet-ui/src/style-provider/StyleProvider.vue @@ -14,11 +14,15 @@ export default defineComponent({ type: Object as PropType, default: () => ({}), }, + tag: { + type: String, + default: 'div', + }, }, setup(props, { slots }) { return () => h( - 'div', + props.tag, { class: n(), style: formatStyleVars(props.styleVars), diff --git a/packages/varlet-ui/src/style-provider/docs/en-US.md b/packages/varlet-ui/src/style-provider/docs/en-US.md index 2789754ecba..3098bee939a 100644 --- a/packages/varlet-ui/src/style-provider/docs/en-US.md +++ b/packages/varlet-ui/src/style-provider/docs/en-US.md @@ -113,9 +113,10 @@ const toggleRootTheme = () => { ### Props -| Prop | Description | Type | Default | -| --- | --- | --- | --- | -| `style-vars` | CSS variables | _Record_ | `{}` | +| Prop | Description | Type | Default | +|--------------|---------------|--------------------------|---------| +| `style-vars` | CSS variables | _Record_ | `{}` | +| `tag` | Tag name | _string_ | `div` | ### Slots diff --git a/packages/varlet-ui/src/style-provider/docs/zh-CN.md b/packages/varlet-ui/src/style-provider/docs/zh-CN.md index 916a03316c6..88e8e505c52 100644 --- a/packages/varlet-ui/src/style-provider/docs/zh-CN.md +++ b/packages/varlet-ui/src/style-provider/docs/zh-CN.md @@ -110,9 +110,10 @@ const toggleRootTheme = () => { ### 属性 -| 参数 | 说明 | 类型 | 默认值 | -| --- | --- | --- | --- | +| 参数 | 说明 | 类型 | 默认值 | +|--------------| --- |--------------------------| -- | | `style-vars` | css 变量 | _Record_ | `{}` | +| `tag` | 自定义标签名 | _string_ | `div` | ### 插槽 diff --git a/packages/varlet-ui/types/styleProvider.d.ts b/packages/varlet-ui/types/styleProvider.d.ts index 7ff6863396f..0080236bcba 100644 --- a/packages/varlet-ui/types/styleProvider.d.ts +++ b/packages/varlet-ui/types/styleProvider.d.ts @@ -6,6 +6,7 @@ export type StyleVars = Record export interface StyleProviderProps extends BasicAttributes { styleVars?: StyleVars + tag?: string } export class StyleProviderComponent extends VarComponent {