@rc-component/tree-select 1.1.1 → 1.1.3

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;
@@ -52,9 +60,7 @@ export interface TreeSelectProps<ValueType = any, OptionType extends DataNode =
     switcherIcon?: IconType;
     treeMotion?: any;
 }
-declare const GenericTreeSelect: (<ValueType = any, OptionType extends DataNode = DataNode>(props: TreeSelectProps<ValueType, OptionType> & {
-    children?: React.ReactNode;
-} & {
+declare const GenericTreeSelect: (<ValueType = any, OptionType extends DataNode = DataNode>(props: React.PropsWithChildren<TreeSelectProps<ValueType, OptionType>> & {
     ref?: React.Ref<BaseSelectRef>;
 }) => React.ReactElement) & {
     TreeNode: typeof TreeNode;

package/es/TreeSelect.js

@@ -1,6 +1,6 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import { BaseSelect } from '@rc-component/select';
-import useId from "@rc-component/select/es/hooks/useId";
+import useId from "@rc-component/util/es/hooks/useId";
 import { conductCheck } from "@rc-component/tree/es/utils/conductUtil";
 import useMergedState from "@rc-component/util/es/hooks/useMergedState";
 import * as React from 'react';

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;
@@ -52,9 +60,7 @@ export interface TreeSelectProps<ValueType = any, OptionType extends DataNode =
     switcherIcon?: IconType;
     treeMotion?: any;
 }
-declare const GenericTreeSelect: (<ValueType = any, OptionType extends DataNode = DataNode>(props: TreeSelectProps<ValueType, OptionType> & {
-    children?: React.ReactNode;
-} & {
+declare const GenericTreeSelect: (<ValueType = any, OptionType extends DataNode = DataNode>(props: React.PropsWithChildren<TreeSelectProps<ValueType, OptionType>> & {
     ref?: React.Ref<BaseSelectRef>;
 }) => React.ReactElement) & {
     TreeNode: typeof TreeNode;

package/lib/TreeSelect.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _select = require("@rc-component/select");
-var _useId = _interopRequireDefault(require("@rc-component/select/lib/hooks/useId"));
+var _useId = _interopRequireDefault(require("@rc-component/util/lib/hooks/useId"));
 var _conductUtil = require("@rc-component/tree/lib/utils/conductUtil");
 var _useMergedState = _interopRequireDefault(require("@rc-component/util/lib/hooks/useMergedState"));
 var React = _interopRequireWildcard(require("react"));

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.3",
   "description": "tree-select ui component for react",
   "keywords": [
     "react",
@@ -45,7 +45,7 @@
   },
   "dependencies": {
     "classnames": "2.x",
-    "@rc-component/select": "~1.0.2",
+    "@rc-component/select": "~1.0.7",
     "@rc-component/tree": "~1.0.1",
     "@rc-component/util": "^1.2.1"
   },