@rc-component/tree-select 1.0.0 → 1.1.1

package/es/LegacyContext.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { DataEntity, IconType } from 'rc-tree/lib/interface';
+import type { DataEntity, IconType } from '@rc-component/tree/lib/interface';
 import type { LegacyDataNode, SafeKey, Key } from './interface';
 interface LegacyContextProps {
     checkable: boolean | React.ReactNode;

package/es/OptionList.d.ts

@@ -1,5 +1,5 @@
 import type { RefOptionListProps } from '@rc-component/select/lib/OptionList';
-import type { ScrollTo } from 'rc-tree/lib/interface';
+import type { ScrollTo } from '@rc-component/tree/lib/interface';
 import * as React from 'react';
 type ReviseRefOptionListProps = Omit<RefOptionListProps, 'scrollTo'> & {
     scrollTo: ScrollTo;

package/es/OptionList.js

@@ -1,7 +1,7 @@
 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 { useBaseProps } from '@rc-component/select';
-import Tree from 'rc-tree';
-import { UnstableContext } from 'rc-tree';
+import Tree from '@rc-component/tree';
+import { UnstableContext } from '@rc-component/tree';
 import KeyCode from "@rc-component/util/es/KeyCode";
 import useMemo from "@rc-component/util/es/hooks/useMemo";
 import * as React from 'react';
@@ -42,7 +42,9 @@ const OptionList = (_, ref) => {
     onPopupScroll,
     leftMaxCount,
     leafCountOnly,
-    valueEntities
+    valueEntities,
+    classNames: treeClassNames,
+    styles
   } = React.useContext(TreeSelectContext);
   const {
     checkable,
@@ -308,6 +310,8 @@ const OptionList = (_, ref) => {
       nodeDisabled
     }
   }, /*#__PURE__*/React.createElement(Tree, _extends({
+    classNames: treeClassNames,
+    styles: styles,
     ref: treeRef,
     focusable: false,
     prefixCls: `${prefixCls}-tree`,

package/es/TreeSelect.d.ts

@@ -1,6 +1,6 @@
 import type { BaseSelectPropsWithoutPrivate, BaseSelectRef } from '@rc-component/select';
-import type { IconType } from 'rc-tree/lib/interface';
-import type { ExpandAction } from 'rc-tree/lib/Tree';
+import type { IconType } from '@rc-component/tree/lib/interface';
+import type { ExpandAction } from '@rc-component/tree/lib/Tree';
 import * as React from 'react';
 import TreeNode from './TreeNode';
 import type { CheckedStrategy } from './utils/strategyUtil';

package/es/TreeSelect.js

@@ -1,7 +1,7 @@
 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 { conductCheck } from "rc-tree/es/utils/conductUtil";
+import { conductCheck } from "@rc-component/tree/es/utils/conductUtil";
 import useMergedState from "@rc-component/util/es/hooks/useMergedState";
 import * as React from 'react';
 import useCache from "./hooks/useCache";
@@ -77,6 +77,8 @@ const TreeSelect = /*#__PURE__*/React.forwardRef((props, ref) => {
     treeMotion,
     treeTitleRender,
     onPopupScroll,
+    classNames: treeSelectClassNames,
+    styles,
     ...restProps
   } = props;
   const mergedId = useId(id);
@@ -441,9 +443,11 @@ const TreeSelect = /*#__PURE__*/React.forwardRef((props, ref) => {
       onPopupScroll,
       leftMaxCount: maxCount === undefined ? null : maxCount - cachedDisplayValues.length,
       leafCountOnly: mergedShowCheckedStrategy === 'SHOW_CHILD' && !treeCheckStrictly && !!treeCheckable,
-      valueEntities
+      valueEntities,
+      classNames: treeSelectClassNames,
+      styles
     };
-  }, [virtual, popupMatchSelectWidth, listHeight, listItemHeight, listItemScrollOffset, filteredTreeData, mergedFieldNames, onOptionSelect, treeExpandAction, treeTitleRender, onPopupScroll, maxCount, cachedDisplayValues.length, mergedShowCheckedStrategy, treeCheckStrictly, treeCheckable, valueEntities]);
+  }, [virtual, popupMatchSelectWidth, listHeight, listItemHeight, listItemScrollOffset, filteredTreeData, mergedFieldNames, onOptionSelect, treeExpandAction, treeTitleRender, onPopupScroll, maxCount, cachedDisplayValues.length, mergedShowCheckedStrategy, treeCheckStrictly, treeCheckable, valueEntities, treeSelectClassNames, styles]);
 
   // ======================= Legacy Context =======================
   const legacyContext = React.useMemo(() => ({
@@ -474,7 +478,18 @@ const TreeSelect = /*#__PURE__*/React.forwardRef((props, ref) => {
   }, /*#__PURE__*/React.createElement(BaseSelect, _extends({
     ref: ref
   }, restProps, {
+    classNames: {
+      prefix: treeSelectClassNames?.prefix,
+      suffix: treeSelectClassNames?.suffix,
+      input: treeSelectClassNames?.input
+    },
+    styles: {
+      prefix: styles?.prefix,
+      suffix: styles?.suffix,
+      input: styles?.input
+    }
     // >>> MISC
+    ,
     id: mergedId,
     prefixCls: prefixCls,
     mode: mergedMultiple ? 'multiple' : undefined

package/es/TreeSelectContext.d.ts

@@ -1,7 +1,8 @@
 import * as React from 'react';
-import type { ExpandAction } from 'rc-tree/lib/Tree';
+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';
 export interface TreeSelectContextProps {
     virtual?: boolean;
     popupMatchSelectWidth?: boolean | number;
@@ -20,6 +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>>;
 }
 declare const TreeSelectContext: React.Context<TreeSelectContextProps>;
 export default TreeSelectContext;

package/es/hooks/useCheckedKeys.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { DataEntity } from 'rc-tree/lib/interface';
+import type { DataEntity } from '@rc-component/tree/lib/interface';
 import type { LabeledValueType, SafeKey } from '../interface';
 declare const useCheckedKeys: (rawLabeledValues: LabeledValueType[], rawHalfCheckedValues: LabeledValueType[], treeConduction: boolean, keyEntities: Record<SafeKey, DataEntity>) => React.Key[][];
 export default useCheckedKeys;

package/es/hooks/useCheckedKeys.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { conductCheck } from "rc-tree/es/utils/conductUtil";
+import { conductCheck } from "@rc-component/tree/es/utils/conductUtil";
 const useCheckedKeys = (rawLabeledValues, rawHalfCheckedValues, treeConduction, keyEntities) => {
   return React.useMemo(() => {
     const extractValues = values => values.map(({

package/es/hooks/useDataEntities.d.ts

@@ -1,4 +1,4 @@
-import type { DataEntity } from 'rc-tree/lib/interface';
+import type { DataEntity } from '@rc-component/tree/lib/interface';
 import type { SafeKey, FieldNames } from '../interface';
 declare const _default: (treeData: any, fieldNames: FieldNames) => {
     valueEntities: Map<SafeKey, DataEntity>;

package/es/hooks/useDataEntities.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { convertDataToEntities } from "rc-tree/es/utils/treeUtil";
+import { convertDataToEntities } from "@rc-component/tree/es/utils/treeUtil";
 import warning from "@rc-component/util/es/warning";
 import { isNil } from "../utils/valueUtil";
 export default ((treeData, fieldNames) => React.useMemo(() => {

package/es/interface.d.ts

@@ -1,5 +1,5 @@
 import type * as React from 'react';
-import type { SafeKey, Key, DataNode as TreeDataNode } from 'rc-tree/lib/interface';
+import type { SafeKey, Key, DataNode as TreeDataNode } from '@rc-component/tree/lib/interface';
 export type { SafeKey, Key };
 export interface DataNode extends Record<string, any>, Omit<TreeDataNode, 'key' | 'children'> {
     key?: Key;

package/es/utils/strategyUtil.d.ts

@@ -1,4 +1,4 @@
-import type { DataEntity } from 'rc-tree/lib/interface';
+import type { DataEntity } from '@rc-component/tree/lib/interface';
 import type { SafeKey, FieldNames } from '../interface';
 export declare const SHOW_ALL = "SHOW_ALL";
 export declare const SHOW_PARENT = "SHOW_PARENT";

package/lib/LegacyContext.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { DataEntity, IconType } from 'rc-tree/lib/interface';
+import type { DataEntity, IconType } from '@rc-component/tree/lib/interface';
 import type { LegacyDataNode, SafeKey, Key } from './interface';
 interface LegacyContextProps {
     checkable: boolean | React.ReactNode;

package/lib/OptionList.d.ts

@@ -1,5 +1,5 @@
 import type { RefOptionListProps } from '@rc-component/select/lib/OptionList';
-import type { ScrollTo } from 'rc-tree/lib/interface';
+import type { ScrollTo } from '@rc-component/tree/lib/interface';
 import * as React from 'react';
 type ReviseRefOptionListProps = Omit<RefOptionListProps, 'scrollTo'> & {
     scrollTo: ScrollTo;

package/lib/OptionList.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _select = require("@rc-component/select");
-var _rcTree = _interopRequireWildcard(require("rc-tree"));
+var _tree = _interopRequireWildcard(require("@rc-component/tree"));
 var _KeyCode = _interopRequireDefault(require("@rc-component/util/lib/KeyCode"));
 var _useMemo = _interopRequireDefault(require("@rc-component/util/lib/hooks/useMemo"));
 var React = _interopRequireWildcard(require("react"));
@@ -50,7 +50,9 @@ const OptionList = (_, ref) => {
     onPopupScroll,
     leftMaxCount,
     leafCountOnly,
-    valueEntities
+    valueEntities,
+    classNames: treeClassNames,
+    styles
   } = React.useContext(_TreeSelectContext.default);
   const {
     checkable,
@@ -311,11 +313,13 @@ const OptionList = (_, ref) => {
   }, activeEntity && open && /*#__PURE__*/React.createElement("span", {
     style: HIDDEN_STYLE,
     "aria-live": "assertive"
-  }, activeEntity.node.value), /*#__PURE__*/React.createElement(_rcTree.UnstableContext.Provider, {
+  }, activeEntity.node.value), /*#__PURE__*/React.createElement(_tree.UnstableContext.Provider, {
     value: {
       nodeDisabled
     }
-  }, /*#__PURE__*/React.createElement(_rcTree.default, _extends({
+  }, /*#__PURE__*/React.createElement(_tree.default, _extends({
+    classNames: treeClassNames,
+    styles: styles,
     ref: treeRef,
     focusable: false,
     prefixCls: `${prefixCls}-tree`,

package/lib/TreeSelect.d.ts

@@ -1,6 +1,6 @@
 import type { BaseSelectPropsWithoutPrivate, BaseSelectRef } from '@rc-component/select';
-import type { IconType } from 'rc-tree/lib/interface';
-import type { ExpandAction } from 'rc-tree/lib/Tree';
+import type { IconType } from '@rc-component/tree/lib/interface';
+import type { ExpandAction } from '@rc-component/tree/lib/Tree';
 import * as React from 'react';
 import TreeNode from './TreeNode';
 import type { CheckedStrategy } from './utils/strategyUtil';

package/lib/TreeSelect.js

@@ -6,7 +6,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 _conductUtil = require("rc-tree/lib/utils/conductUtil");
+var _conductUtil = require("@rc-component/tree/lib/utils/conductUtil");
 var _useMergedState = _interopRequireDefault(require("@rc-component/util/lib/hooks/useMergedState"));
 var React = _interopRequireWildcard(require("react"));
 var _useCache = _interopRequireDefault(require("./hooks/useCache"));
@@ -86,6 +86,8 @@ const TreeSelect = /*#__PURE__*/React.forwardRef((props, ref) => {
     treeMotion,
     treeTitleRender,
     onPopupScroll,
+    classNames: treeSelectClassNames,
+    styles,
     ...restProps
   } = props;
   const mergedId = (0, _useId.default)(id);
@@ -450,9 +452,11 @@ const TreeSelect = /*#__PURE__*/React.forwardRef((props, ref) => {
       onPopupScroll,
       leftMaxCount: maxCount === undefined ? null : maxCount - cachedDisplayValues.length,
       leafCountOnly: mergedShowCheckedStrategy === 'SHOW_CHILD' && !treeCheckStrictly && !!treeCheckable,
-      valueEntities
+      valueEntities,
+      classNames: treeSelectClassNames,
+      styles
     };
-  }, [virtual, popupMatchSelectWidth, listHeight, listItemHeight, listItemScrollOffset, filteredTreeData, mergedFieldNames, onOptionSelect, treeExpandAction, treeTitleRender, onPopupScroll, maxCount, cachedDisplayValues.length, mergedShowCheckedStrategy, treeCheckStrictly, treeCheckable, valueEntities]);
+  }, [virtual, popupMatchSelectWidth, listHeight, listItemHeight, listItemScrollOffset, filteredTreeData, mergedFieldNames, onOptionSelect, treeExpandAction, treeTitleRender, onPopupScroll, maxCount, cachedDisplayValues.length, mergedShowCheckedStrategy, treeCheckStrictly, treeCheckable, valueEntities, treeSelectClassNames, styles]);
 
   // ======================= Legacy Context =======================
   const legacyContext = React.useMemo(() => ({
@@ -483,7 +487,18 @@ const TreeSelect = /*#__PURE__*/React.forwardRef((props, ref) => {
   }, /*#__PURE__*/React.createElement(_select.BaseSelect, _extends({
     ref: ref
   }, restProps, {
+    classNames: {
+      prefix: treeSelectClassNames?.prefix,
+      suffix: treeSelectClassNames?.suffix,
+      input: treeSelectClassNames?.input
+    },
+    styles: {
+      prefix: styles?.prefix,
+      suffix: styles?.suffix,
+      input: styles?.input
+    }
     // >>> MISC
+    ,
     id: mergedId,
     prefixCls: prefixCls,
     mode: mergedMultiple ? 'multiple' : undefined

package/lib/TreeSelectContext.d.ts

@@ -1,7 +1,8 @@
 import * as React from 'react';
-import type { ExpandAction } from 'rc-tree/lib/Tree';
+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';
 export interface TreeSelectContextProps {
     virtual?: boolean;
     popupMatchSelectWidth?: boolean | number;
@@ -20,6 +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>>;
 }
 declare const TreeSelectContext: React.Context<TreeSelectContextProps>;
 export default TreeSelectContext;

package/lib/hooks/useCheckedKeys.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { DataEntity } from 'rc-tree/lib/interface';
+import type { DataEntity } from '@rc-component/tree/lib/interface';
 import type { LabeledValueType, SafeKey } from '../interface';
 declare const useCheckedKeys: (rawLabeledValues: LabeledValueType[], rawHalfCheckedValues: LabeledValueType[], treeConduction: boolean, keyEntities: Record<SafeKey, DataEntity>) => React.Key[][];
 export default useCheckedKeys;

package/lib/hooks/useCheckedKeys.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _conductUtil = require("rc-tree/lib/utils/conductUtil");
+var _conductUtil = require("@rc-component/tree/lib/utils/conductUtil");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const useCheckedKeys = (rawLabeledValues, rawHalfCheckedValues, treeConduction, keyEntities) => {

package/lib/hooks/useDataEntities.d.ts

@@ -1,4 +1,4 @@
-import type { DataEntity } from 'rc-tree/lib/interface';
+import type { DataEntity } from '@rc-component/tree/lib/interface';
 import type { SafeKey, FieldNames } from '../interface';
 declare const _default: (treeData: any, fieldNames: FieldNames) => {
     valueEntities: Map<SafeKey, DataEntity>;

package/lib/hooks/useDataEntities.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _treeUtil = require("rc-tree/lib/utils/treeUtil");
+var _treeUtil = require("@rc-component/tree/lib/utils/treeUtil");
 var _warning = _interopRequireDefault(require("@rc-component/util/lib/warning"));
 var _valueUtil = require("../utils/valueUtil");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/interface.d.ts

@@ -1,5 +1,5 @@
 import type * as React from 'react';
-import type { SafeKey, Key, DataNode as TreeDataNode } from 'rc-tree/lib/interface';
+import type { SafeKey, Key, DataNode as TreeDataNode } from '@rc-component/tree/lib/interface';
 export type { SafeKey, Key };
 export interface DataNode extends Record<string, any>, Omit<TreeDataNode, 'key' | 'children'> {
     key?: Key;

package/lib/utils/strategyUtil.d.ts

@@ -1,4 +1,4 @@
-import type { DataEntity } from 'rc-tree/lib/interface';
+import type { DataEntity } from '@rc-component/tree/lib/interface';
 import type { SafeKey, FieldNames } from '../interface';
 export declare const SHOW_ALL = "SHOW_ALL";
 export declare const SHOW_PARENT = "SHOW_PARENT";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rc-component/tree-select",
-  "version": "1.0.0",
+  "version": "1.1.1",
   "description": "tree-select ui component for react",
   "keywords": [
     "react",
@@ -45,8 +45,8 @@
   },
   "dependencies": {
     "classnames": "2.x",
-    "@rc-component/select": "~1.0.0",
-    "rc-tree": "~5.13.1",
+    "@rc-component/select": "~1.0.2",
+    "@rc-component/tree": "~1.0.1",
     "@rc-component/util": "^1.2.1"
   },
   "devDependencies": {
@@ -74,7 +74,7 @@
     "husky": "^9.1.6",
     "lint-staged": "^15.2.10",
     "prettier": "^3.3.3",
-    "rc-dialog": "^9.6.0",
+    "@rc-component/dialog": "^1.2.0",
     "rc-field-form": "^2.4.0",
     "rc-test": "^7.1.1",
     "rc-virtual-list": "^3.14.8",