@rc-component/tree-select 1.1.1 → 1.1.2

package/es/OptionList.js

@@ -310,8 +310,8 @@ const OptionList = (_, ref) => {
       nodeDisabled
     }
   }, /*#__PURE__*/React.createElement(Tree, _extends({
-    classNames: treeClassNames,
-    styles: styles,
+    classNames: treeClassNames?.popup,
+    styles: styles?.popup,
     ref: treeRef,
     focusable: false,
     prefixCls: `${prefixCls}-tree`,

package/es/TreeSelect.d.ts

@@ -6,10 +6,18 @@ import TreeNode from './TreeNode';
 import type { CheckedStrategy } from './utils/strategyUtil';
 import { SHOW_ALL, SHOW_CHILD, SHOW_PARENT } from './utils/strategyUtil';
 import type { SafeKey, DataNode, SimpleModeConfig, ChangeEventExtra, FieldNames, LegacyDataNode } from './interface';
-export interface TreeSelectProps<ValueType = any, OptionType extends DataNode = DataNode> extends Omit<BaseSelectPropsWithoutPrivate, 'mode'> {
+export type SemanticName = 'input' | 'prefix' | 'suffix';
+export type PopupSemantic = 'item' | 'itemTitle';
+export interface TreeSelectProps<ValueType = any, OptionType extends DataNode = DataNode> extends Omit<BaseSelectPropsWithoutPrivate, 'mode' | 'classNames' | 'styles'> {
     prefixCls?: string;
     id?: string;
     children?: React.ReactNode;
+    styles?: Partial<Record<SemanticName, React.CSSProperties>> & {
+        popup?: Partial<Record<PopupSemantic, React.CSSProperties>>;
+    };
+    classNames?: Partial<Record<SemanticName, string>> & {
+        popup?: Partial<Record<PopupSemantic, string>>;
+    };
     value?: ValueType;
     defaultValue?: ValueType;
     onChange?: (value: ValueType, labelList: React.ReactNode[], extra: ChangeEventExtra) => void;

package/es/TreeSelectContext.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import type { ExpandAction } from '@rc-component/tree/lib/Tree';
 import type { DataNode, FieldNames, Key } from './interface';
 import type useDataEntities from './hooks/useDataEntities';
-export type SemanticName = 'item' | 'itemTitle' | 'input' | 'prefix' | 'suffix';
+import { TreeSelectProps } from './TreeSelect';
 export interface TreeSelectContextProps {
     virtual?: boolean;
     popupMatchSelectWidth?: boolean | number;
@@ -21,8 +21,8 @@ export interface TreeSelectContextProps {
     /** When `true`, only take leaf node as count, or take all as count with `maxCount` limitation */
     leafCountOnly: boolean;
     valueEntities: ReturnType<typeof useDataEntities>['valueEntities'];
-    styles?: Partial<Record<SemanticName, React.CSSProperties>>;
-    classNames?: Partial<Record<SemanticName, string>>;
+    classNames: TreeSelectProps['classNames'];
+    styles: TreeSelectProps['styles'];
 }
 declare const TreeSelectContext: React.Context<TreeSelectContextProps>;
 export default TreeSelectContext;

package/lib/OptionList.js

@@ -318,8 +318,8 @@ const OptionList = (_, ref) => {
       nodeDisabled
     }
   }, /*#__PURE__*/React.createElement(_tree.default, _extends({
-    classNames: treeClassNames,
-    styles: styles,
+    classNames: treeClassNames?.popup,
+    styles: styles?.popup,
     ref: treeRef,
     focusable: false,
     prefixCls: `${prefixCls}-tree`,

package/lib/TreeSelect.d.ts

@@ -6,10 +6,18 @@ import TreeNode from './TreeNode';
 import type { CheckedStrategy } from './utils/strategyUtil';
 import { SHOW_ALL, SHOW_CHILD, SHOW_PARENT } from './utils/strategyUtil';
 import type { SafeKey, DataNode, SimpleModeConfig, ChangeEventExtra, FieldNames, LegacyDataNode } from './interface';
-export interface TreeSelectProps<ValueType = any, OptionType extends DataNode = DataNode> extends Omit<BaseSelectPropsWithoutPrivate, 'mode'> {
+export type SemanticName = 'input' | 'prefix' | 'suffix';
+export type PopupSemantic = 'item' | 'itemTitle';
+export interface TreeSelectProps<ValueType = any, OptionType extends DataNode = DataNode> extends Omit<BaseSelectPropsWithoutPrivate, 'mode' | 'classNames' | 'styles'> {
     prefixCls?: string;
     id?: string;
     children?: React.ReactNode;
+    styles?: Partial<Record<SemanticName, React.CSSProperties>> & {
+        popup?: Partial<Record<PopupSemantic, React.CSSProperties>>;
+    };
+    classNames?: Partial<Record<SemanticName, string>> & {
+        popup?: Partial<Record<PopupSemantic, string>>;
+    };
     value?: ValueType;
     defaultValue?: ValueType;
     onChange?: (value: ValueType, labelList: React.ReactNode[], extra: ChangeEventExtra) => void;

package/lib/TreeSelectContext.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import type { ExpandAction } from '@rc-component/tree/lib/Tree';
 import type { DataNode, FieldNames, Key } from './interface';
 import type useDataEntities from './hooks/useDataEntities';
-export type SemanticName = 'item' | 'itemTitle' | 'input' | 'prefix' | 'suffix';
+import { TreeSelectProps } from './TreeSelect';
 export interface TreeSelectContextProps {
     virtual?: boolean;
     popupMatchSelectWidth?: boolean | number;
@@ -21,8 +21,8 @@ export interface TreeSelectContextProps {
     /** When `true`, only take leaf node as count, or take all as count with `maxCount` limitation */
     leafCountOnly: boolean;
     valueEntities: ReturnType<typeof useDataEntities>['valueEntities'];
-    styles?: Partial<Record<SemanticName, React.CSSProperties>>;
-    classNames?: Partial<Record<SemanticName, string>>;
+    classNames: TreeSelectProps['classNames'];
+    styles: TreeSelectProps['styles'];
 }
 declare const TreeSelectContext: React.Context<TreeSelectContextProps>;
 export default TreeSelectContext;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rc-component/tree-select",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "description": "tree-select ui component for react",
   "keywords": [
     "react",