fix: 修复 menu 下拉样式问题 (#1431)

* fix: 修复 menu 下拉样式问题

* fix: 修复 menu 下拉样式问题

Author: honkinglin

examples/popup/popup.en-US.md

@@ -12,6 +12,7 @@ destroyOnClose | Boolean | false | \- | N
 disabled | Boolean | false | \- | N
 hideEmptyPopup | Boolean | false | \- | N
 overlayClassName | String / Object / Array | - | Typescript：`ClassName`。[see more ts definition](https://github.com/Tencent/tdesign-vue-next/blob/develop/src/common.ts) | N
+overlayInnerClassName | String / Object / Array | - | Typescript：`ClassName`。[see more ts definition](https://github.com/Tencent/tdesign-vue-next/blob/develop/src/common.ts) | N
 overlayInnerStyle | Boolean / Object / Function | - | Typescript：`Styles | ((triggerElement: HTMLElement, popupElement: HTMLElement) => Styles)`。[see more ts definition](https://github.com/Tencent/tdesign-vue-next/blob/develop/src/common.ts) | N
 overlayStyle | Boolean / Object / Function | - | Typescript：`Styles | ((triggerElement: HTMLElement, popupElement: HTMLElement) => Styles)`。[see more ts definition](https://github.com/Tencent/tdesign-vue-next/blob/develop/src/common.ts) | N
 placement | String | top | Typescript：`PopupPlacement` `type PopupPlacement = 'top'|'left'|'right'|'bottom'|'top-left'|'top-right'|'bottom-left'|'bottom-right'|'left-top'|'left-bottom'|'right-top'|'right-bottom'`。[see more ts definition](https://github.com/Tencent/tdesign-vue-next/tree/develop/src/popup/type.ts) | N

examples/popup/popup.md

@@ -12,6 +12,7 @@ destroyOnClose | Boolean | false | 是否在关闭浮层时销毁浮层 | N
 disabled | Boolean | false | 是否禁用组件 | N
 hideEmptyPopup | Boolean | false | 浮层是否隐藏空内容，默认不隐藏 | N
 overlayClassName | String / Object / Array | - | 浮层类名，示例：'name1 name2 name3' 或 `['name1', 'name2']` 或 `[{ 'name1': true }]`。TS 类型：`ClassName`。[通用类型定义](https://github.com/Tencent/tdesign-vue-next/blob/develop/src/common.ts) | N
+overlayInnerClassName | String / Object / Array | - | 浮层内容部分类名，示例：'name1 name2 name3' 或 `['name1', 'name2']` 或 `[{ 'name1': true }]`。TS 类型：`ClassName`。[通用类型定义](https://github.com/Tencent/tdesign-vue-next/blob/develop/src/common.ts) | N
 overlayInnerStyle | Boolean / Object / Function | - | 浮层内容部分样式，第一个参数 `triggerElement` 表示触发元素 DOM 节点，第二个参数 `popupElement` 表示浮层元素 DOM 节点。TS 类型：`Styles | ((triggerElement: HTMLElement, popupElement: HTMLElement) => Styles)`。[通用类型定义](https://github.com/Tencent/tdesign-vue-next/blob/develop/src/common.ts) | N
 overlayStyle | Boolean / Object / Function | - | 浮层样式，第一个参数 `triggerElement` 表示触发元素 DOM 节点，第二个参数 `popupElement` 表示浮层元素 DOM 节点。TS 类型：`Styles | ((triggerElement: HTMLElement, popupElement: HTMLElement) => Styles)`。[通用类型定义](https://github.com/Tencent/tdesign-vue-next/blob/develop/src/common.ts) | N
 placement | String | top | 浮层出现位置。TS 类型：`PopupPlacement` `type PopupPlacement = 'top'|'left'|'right'|'bottom'|'top-left'|'top-right'|'bottom-left'|'bottom-right'|'left-top'|'left-bottom'|'right-top'|'right-bottom'`。[详细类型定义](https://github.com/Tencent/tdesign-vue-next/tree/develop/src/popup/type.ts) | N

src/menu/submenu.tsx

@@ -211,7 +211,7 @@ export default defineComponent({
       };
       const realPopup = (
         <Popup
-          overlayClassName={[...this.popupClass]}
+          overlayInnerClassName={[...this.popupClass]}
           visible={this.popupVisible}
           placement={placement as PopupPlacement}
           overlayInnerStyle={overlayInnerStyle}

src/popup/popup.tsx

@@ -399,7 +399,7 @@ export default defineComponent({
           })}
         >
           <div
-            class={this.overlayCls}
+            class={[this.overlayCls, this.overlayInnerClassName]}
             ref="overlayEl"
             {...(onScroll && {
               onScroll(e: WheelEvent) {

src/popup/props.ts

@@ -31,6 +31,10 @@ export default {
   overlayClassName: {
     type: [String, Object, Array] as PropType<TdPopupProps['overlayClassName']>,
   },
+  /** 浮层内容部分类名，示例：'name1 name2 name3' 或 `['name1', 'name2']` 或 `[{ 'name1': true }]` */
+  overlayInnerClassName: {
+    type: [String, Object, Array] as PropType<TdPopupProps['overlayInnerClassName']>,
+  },
   /** 浮层内容部分样式，第一个参数 `triggerElement` 表示触发元素 DOM 节点，第二个参数 `popupElement` 表示浮层元素 DOM 节点 */
   overlayInnerStyle: {
     type: [Boolean, Object, Function] as PropType<TdPopupProps['overlayInnerStyle']>,

src/popup/type.ts

@@ -39,6 +39,10 @@ export interface TdPopupProps {
    * 浮层类名，示例：'name1 name2 name3' 或 `['name1', 'name2']` 或 `[{ 'name1': true }]`
    */
   overlayClassName?: ClassName;
+  /**
+   * 浮层内容部分类名，示例：'name1 name2 name3' 或 `['name1', 'name2']` 或 `[{ 'name1': true }]`
+   */
+  overlayInnerClassName?: ClassName;
   /**
    * 浮层内容部分样式，第一个参数 `triggerElement` 表示触发元素 DOM 节点，第二个参数 `popupElement` 表示浮层元素 DOM 节点
    */

src/slider/hooks/useSliderTooltip.tsx

@@ -52,6 +52,7 @@ export const useSliderTooltip = (tooltipConfig: Ref<TooltipConfig>) => {
       if (!tooltipProps?.placement) {
         normalizeProps.value.placement = placement;
       }
+      // @ts-ignore
       return { ...normalizeProps.value, ...tooltipProps, content };
     }
     return { ...normalizeProps.value, placement, content };