@chaoswise/ui 3.0.12 → 3.0.13

package/lib/CWRangePicker/index.style.js

@@ -4,71 +4,66 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { genStyleHooks } from "../Antd5/theme/internal";
 var genCustomCWRangePickerStyle = function genCustomCWRangePickerStyle(token) {
-  var prefixCls = token.antCls,
-    colorPickerPrefix = token.componentCls;
-  return {
-    ".cw-range-picker-wrapper": {
+  var prefixCls = token.antCls;
+  return _defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-cw-range-picker-wrapper"), {
+    display: "flex",
+    alignItems: "center",
+    ".cw-range-picker-box-wrapper": {
       display: "flex",
-      alignItems: "center",
-      ".cw-range-picker-box-wrapper": {
+      flexDirection: "column"
+    },
+    ".cw-range-picker-input-wrapper": {
+      width: "360px",
+      ".cw-range-picker-prefix-wrapper, .cw-range-picker-suffix-wrapper": {
+        width: "16px",
+        height: "16px",
         display: "flex",
-        flexDirection: "column"
+        justifyContent: "center",
+        alignItems: "center"
+      },
+      ".cw-range-picker-prefix-icon": {
+        color: "#000"
       },
-      ".cw-range-picker-input-wrapper": {
-        width: "360px",
-        ".cw-range-picker-prefix-wrapper, .cw-range-picker-suffix-wrapper": {
-          width: "16px",
-          height: "16px",
-          display: "flex",
-          justifyContent: "center",
-          alignItems: "center"
+      ".cw-range-picker-suffix-wrapper": {
+        ".cw-range-picker-suffix-tips": {
+          color: token.colorTextTertiary,
+          fontSize: "14px",
+          "&:hover": {
+            cursor: "pointer"
+          }
         },
-        ".cw-range-picker-prefix-icon": {
-          color: "#000"
+        ".cw-range-picker-suffix-recover": {
+          color: token.colorTextSecondary,
+          "&:hover": {
+            cursor: "pointer"
+          }
         },
-        ".cw-range-picker-suffix-wrapper": {
+        "&:hover": {
           ".cw-range-picker-suffix-tips": {
-            color: token.colorTextTertiary,
-            fontSize: "14px",
-            "&:hover": {
-              cursor: "pointer"
-            }
+            color: token.colorPrimaryHover
           },
           ".cw-range-picker-suffix-recover": {
-            color: token.colorTextSecondary,
-            "&:hover": {
-              cursor: "pointer"
-            }
-          },
-          "&:hover": {
-            ".cw-range-picker-suffix-tips": {
-              color: token.colorPrimaryHover
-            },
-            ".cw-range-picker-suffix-recover": {
-              color: token.colorPrimaryHover
-            }
+            color: token.colorPrimaryHover
           }
         }
-      },
-      ".cw-range-picker-input-wrapper-none": {
-        display: "none"
-      },
-      ".cw-range-picker-calendar-wrapper": {
-        width: "360px"
-      },
-      ".cw-range-picker-calendar-wrapper-none": {
-        display: "none"
       }
     },
-    ".cw-range-picker-time-refresh-wrapper": {
-      marginLeft: "8px"
+    ".cw-range-picker-input-wrapper-none": {
+      display: "none"
+    },
+    ".cw-range-picker-calendar-wrapper": {
+      width: "360px"
     },
-    ".cw-range-picker-dropdown": _defineProperty({
-      minWidth: "360px !important"
-    }, "".concat(prefixCls, "-dropdown-menu"), {
-      maxWidth: "360px"
-    })
-  };
+    ".cw-range-picker-calendar-wrapper-none": {
+      display: "none"
+    }
+  }), ".cw-range-picker-time-refresh-wrapper", {
+    marginLeft: "8px"
+  }), ".cw-range-picker-dropdown", _defineProperty({
+    minWidth: "360px !important"
+  }, "".concat(prefixCls, "-dropdown-menu"), {
+    maxWidth: "360px"
+  }));
 };
 // ============================== Export ==============================
 export default genStyleHooks("CWRangePicker", function (token) {

package/lib/CWTable/CWTable.js

@@ -77,7 +77,7 @@ var CWTable = function CWTable(_ref, ref) {
     onColumnsResizeEnd = _ref$onColumnsResizeE === void 0 ? function () {} : _ref$onColumnsResizeE,
     rest = _objectWithoutProperties(_ref, _excluded);
   var prefix = rest.getPrefixCls();
-  var _useStyle = useStyle("cw-common-table"),
+  var _useStyle = useStyle("".concat(prefix, "-table")),
     _useStyle2 = _slicedToArray(_useStyle, 3),
     wrapCSSVar = _useStyle2[0],
     hashId = _useStyle2[1],

package/lib/CWTree/index.js

@@ -20,6 +20,7 @@ import PropTypes from "prop-types";
 import classnames from "classnames";
 import DragSvg from "./assets/Drag";
 import { createTree, createTitle } from "./utils";
+import useConfigContext from "../useConfigContext";
 import useStyle from "./index.style";
 import { useIntl } from "../locales";
 var TreeNode = _Tree.TreeNode,
@@ -65,7 +66,10 @@ function CWTree(_ref) {
     _ref$useTooltipText = _ref.useTooltipText,
     useTooltipText = _ref$useTooltipText === void 0 ? true : _ref$useTooltipText,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var _useStyle = useStyle("cw-tree-outer-wrapper"),
+  var _useConfigContext = useConfigContext(),
+    getPrefixCls = _useConfigContext.getPrefixCls;
+  var prefixCls = getPrefixCls();
+  var _useStyle = useStyle("".concat(prefixCls, "-tree")),
     _useStyle2 = _slicedToArray(_useStyle, 3),
     wrapCSSVar = _useStyle2[0],
     hashId = _useStyle2[1],
@@ -272,7 +276,7 @@ function CWTree(_ref) {
     setShowExtend("");
   };
   return wrapCSSVar( /*#__PURE__*/React.createElement("div", {
-    className: classnames(hashId, cssVarCls, "cw-tree-outer-wrapper")
+    className: classnames(hashId, cssVarCls, "".concat(prefixCls, "-cw-tree-outer-wrapper"))
   }, /*#__PURE__*/React.createElement("div", {
     className: "cw-tree-inner-wrapper"
   }, /*#__PURE__*/React.createElement("div", {

package/lib/CWTree/index.style.js

@@ -7,117 +7,115 @@ var genCustomCWTreeStyle = function genCustomCWTreeStyle(token) {
   var prefixCls = token.antCls;
   var treePrefix = "".concat(prefixCls, "-tree");
   var treeNodePrefix = "".concat(treePrefix, "-node");
-  return {
-    ".cw-tree-outer-wrapper": {
-      height: "100%",
-      display: "flex",
-      flexDirection: "column",
-      justifyContent: "space-between",
-      ".cw-tree-inner-wrapper": {
-        flex: 1,
+  return _defineProperty({}, "".concat(prefixCls, "-cw-tree-outer-wrapper"), {
+    height: "100%",
+    display: "flex",
+    flexDirection: "column",
+    justifyContent: "space-between",
+    ".cw-tree-inner-wrapper": {
+      flex: 1,
+      overflowY: "auto",
+      ".cw-tree-location-box": {
+        height: "100%",
+        width: "100%",
+        position: "relative",
+        overflowX: "hidden",
         overflowY: "auto",
-        ".cw-tree-location-box": {
-          height: "100%",
+        ".cw-tree": _defineProperty({
           width: "100%",
-          position: "relative",
-          overflowX: "hidden",
-          overflowY: "auto",
-          ".cw-tree": _defineProperty({
-            width: "100%",
-            ".cw-tree-treenode": _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
-              lineHeight: "32px",
-              padding: "0 16px",
-              whiteSpace: "nowrap",
-              "&::before": {
-                bottom: 0
-              }
-            }, "".concat(treePrefix, "-switcher, ").concat(treePrefix, "-iconEle"), {
-              width: "12px",
-              height: "32px",
-              lineHeight: "32px",
-              marginRight: "8px"
-            }), "".concat(treePrefix, "-iconEle"), {
-              width: "16px"
-            }), "".concat(treeNodePrefix, "-content-wrapper"), _defineProperty({
-              display: "inline-flex",
-              paddingLeft: 0,
-              paddingRight: 0,
-              minHeight: "32px",
-              color: token.colorText,
-              position: "static",
-              height: "100%"
-            }, "".concat(treePrefix, "-title"), {
-              height: "32px",
-              lineHeight: "32px",
-              display: "inline-flex",
-              flex: 1,
-              width: "0",
-              ".cw-tree-treenode-content": {
-                width: "100%",
-                ".cw-tree-treenode-title": {
-                  position: "relative",
-                  height: "32px",
-                  lineHeight: "32px",
-                  overflow: "hidden",
-                  textOverflow: "ellipsis",
-                  whiteSpace: "nowrap",
-                  width: "100%",
-                  display: "inline-block"
-                },
-                ".cw-tree-treenode-drag-icon": {
-                  position: "absolute",
-                  left: "8px",
-                  transform: "translateY(1.2px)"
-                }
-              },
-              ".cw-tree-treenode-extend": {
-                display: "flex",
-                fontSize: "16px",
-                position: "absolute",
-                right: 0,
-                alignItems: "center",
-                justifyContent: "flex-end",
+          ".cw-tree-treenode": _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+            lineHeight: "32px",
+            padding: "0 16px",
+            whiteSpace: "nowrap",
+            "&::before": {
+              bottom: 0
+            }
+          }, "".concat(treePrefix, "-switcher, ").concat(treePrefix, "-iconEle"), {
+            width: "12px",
+            height: "32px",
+            lineHeight: "32px",
+            marginRight: "8px"
+          }), "".concat(treePrefix, "-iconEle"), {
+            width: "16px"
+          }), "".concat(treeNodePrefix, "-content-wrapper"), _defineProperty({
+            display: "inline-flex",
+            paddingLeft: 0,
+            paddingRight: 0,
+            minHeight: "32px",
+            color: token.colorText,
+            position: "static",
+            height: "100%"
+          }, "".concat(treePrefix, "-title"), {
+            height: "32px",
+            lineHeight: "32px",
+            display: "inline-flex",
+            flex: 1,
+            width: "0",
+            ".cw-tree-treenode-content": {
+              width: "100%",
+              ".cw-tree-treenode-title": {
+                position: "relative",
                 height: "32px",
-                visibility: "hidden",
                 lineHeight: "32px",
-                paddingRight: "16px",
-                paddingLeft: "12px",
-                textAlign: "center",
-                background: token.colorPrimaryBg,
                 overflow: "hidden",
-                ".cw-tree-treenode-extend-btn": {
-                  display: "flex",
-                  alignItems: "center",
-                  marginRight: "8px",
-                  color: token.colorText,
-                  "&:last-child": {
-                    marginRight: 0
-                  },
-                  "&:hover": {
-                    color: token.colorPrimaryHover
-                  }
-                }
+                textOverflow: "ellipsis",
+                whiteSpace: "nowrap",
+                width: "100%",
+                display: "inline-block"
               },
-              ".cw-tree-treenode-extend-show": {
-                visibility: "visible"
+              ".cw-tree-treenode-drag-icon": {
+                position: "absolute",
+                left: "8px",
+                transform: "translateY(1.2px)"
               }
-            })), "".concat(treePrefix, "-indent-unit"), {
-              width: "20px"
-            }), "".concat(treePrefix, "-checkbox"), {
-              display: "inline-flex",
-              justifyContent: "center",
+            },
+            ".cw-tree-treenode-extend": {
+              display: "flex",
+              fontSize: "16px",
+              position: "absolute",
+              right: 0,
               alignItems: "center",
+              justifyContent: "flex-end",
               height: "32px",
+              visibility: "hidden",
               lineHeight: "32px",
-              marginTop: 0
-            })
-          }, "&".concat(treePrefix, "-directory"), _defineProperty({}, "".concat(treePrefix, "-child-tree"), {
-            height: "100% !important"
-          }))
-        }
+              paddingRight: "16px",
+              paddingLeft: "12px",
+              textAlign: "center",
+              background: token.colorPrimaryBg,
+              overflow: "hidden",
+              ".cw-tree-treenode-extend-btn": {
+                display: "flex",
+                alignItems: "center",
+                marginRight: "8px",
+                color: token.colorText,
+                "&:last-child": {
+                  marginRight: 0
+                },
+                "&:hover": {
+                  color: token.colorPrimaryHover
+                }
+              }
+            },
+            ".cw-tree-treenode-extend-show": {
+              visibility: "visible"
+            }
+          })), "".concat(treePrefix, "-indent-unit"), {
+            width: "20px"
+          }), "".concat(treePrefix, "-checkbox"), {
+            display: "inline-flex",
+            justifyContent: "center",
+            alignItems: "center",
+            height: "32px",
+            lineHeight: "32px",
+            marginTop: 0
+          })
+        }, "&".concat(treePrefix, "-directory"), _defineProperty({}, "".concat(treePrefix, "-child-tree"), {
+          height: "100% !important"
+        }))
       }
     }
-  };
+  });
 };
 // ============================== Export ==============================
 export default genStyleHooks("CWTree", function (token) {

package/lib/ChangeIcon/index.js

@@ -31,7 +31,7 @@ var ChangeIcon = function ChangeIcon(props) {
   var _useConfigContext = useConfigContext(),
     getPrefixCls = _useConfigContext.getPrefixCls;
   var prefixCls = getPrefixCls("change-icon");
-  var _useStyle = useStyle("".concat(prefixCls, "-outer-wrapper")),
+  var _useStyle = useStyle(prefixCls),
     _useStyle2 = _slicedToArray(_useStyle, 3),
     wrapCSSVar = _useStyle2[0],
     hashId = _useStyle2[1],

package/lib/ConfigProvider/ConfigProvider.js

@@ -1,4 +1,6 @@
-var _excluded = ["defaultLocale", "theme", "locales"];
+import _App from "@chaoswise/ui/lib/App";
+import _AppHolder from "@chaoswise/ui/lib/AppHolder";
+var _excluded = ["defaultLocale", "theme", "locales", "children", "hasAppHolder"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -13,6 +15,7 @@ import React, { useEffect, useState, useContext } from "react";
 import ConfigProvider from "../Antd5/config-provider";
 import { TagInitInstance, injectLocale } from "../locales";
 // eslint-disable-next-line react-refresh/only-export-components
+
 import { ThemeProvider } from "../antd-style";
 import { cloneComProps } from "../utils";
 import customTheme from "./customTheme";
@@ -20,12 +23,16 @@ import chaoswiseUICustomTheme from "./customToken";
 import "../Antd5/style/reset.css";
 import { merge } from "@chaoswise/utils";
 import intlContext from "./intlContext";
+import { legacyLogicalPropertiesTransformer, StyleProvider } from "@ant-design/cssinjs";
 var Provider = intlContext.Provider;
 var CWConfigProvider = function CWConfigProvider(_ref) {
   var defaultLocale = _ref.defaultLocale,
     theme = _ref.theme,
     _ref$locales = _ref.locales,
     locales = _ref$locales === void 0 ? {} : _ref$locales,
+    children = _ref.children,
+    _ref$hasAppHolder = _ref.hasAppHolder,
+    hasAppHolder = _ref$hasAppHolder === void 0 ? true : _ref$hasAppHolder,
     resProps = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState(true),
     _useState2 = _slicedToArray(_useState, 2),
@@ -71,7 +78,9 @@ var CWConfigProvider = function CWConfigProvider(_ref) {
   }
   var mergeTheme = merge({}, customTheme, {
     components: chaoswiseUICustomTheme
-  }, {
+  },
+  // 若嵌套主题内层ConfigProvider设置主题hashed为true
+  {
     hashed: false
   }, theme);
   return /*#__PURE__*/React.createElement(Provider, {
@@ -87,7 +96,10 @@ var CWConfigProvider = function CWConfigProvider(_ref) {
     wave: {
       disabled: true
     }
-  }, resProps)));
+  }, resProps), /*#__PURE__*/React.createElement(StyleProvider, {
+    hashPriority: "high",
+    transformers: [legacyLogicalPropertiesTransformer]
+  }, hasAppHolder ? /*#__PURE__*/React.createElement(_App, null, /*#__PURE__*/React.createElement(_AppHolder, null), children) : children)));
 };
 // antdv5，ConfigProvider上挂载了方法
 cloneComProps(ConfigProvider, CWConfigProvider);

package/lib/Exception/index.js

@@ -28,7 +28,7 @@ function Exception(_ref) {
   var _useConfigContext = useConfigContext(),
     getPrefixCls = _useConfigContext.getPrefixCls;
   var prefixCls = getPrefixCls("exception");
-  var _useStyle = useStyle("".concat(prefixCls, "-wrapper")),
+  var _useStyle = useStyle(prefixCls),
     _useStyle2 = _slicedToArray(_useStyle, 3),
     wrapCSSVar = _useStyle2[0],
     hashId = _useStyle2[1],

package/lib/FilterDropDown/index.js

@@ -67,7 +67,7 @@ function FilterDropDown(props) {
   var _useConfigContext = useConfigContext(),
     getPrefixCls = _useConfigContext.getPrefixCls;
   var prefixCls = getPrefixCls("filter-dropdown");
-  var _useStyle = useStyle("".concat(prefixCls, "-wrapper")),
+  var _useStyle = useStyle(prefixCls),
     _useStyle2 = _slicedToArray(_useStyle, 3),
     wrapCSSVar = _useStyle2[0],
     hashId = _useStyle2[1],

package/lib/Header/TopNavigationMenu/index.js

@@ -30,7 +30,7 @@ var TopNavigationMenu = function TopNavigationMenu(props) {
   var _useConfigContext = useConfigContext(),
     getPrefixCls = _useConfigContext.getPrefixCls;
   var prefixCls = getPrefixCls("top-navigation-menu");
-  var _useStyle = useStyle("".concat(prefixCls, "-wrapper")),
+  var _useStyle = useStyle(prefixCls),
     _useStyle2 = _slicedToArray(_useStyle, 3),
     wrapCSSVar = _useStyle2[0],
     hashId = _useStyle2[1],

package/lib/Header/UserSetting/index.js

@@ -29,7 +29,7 @@ function UserSetting(_ref) {
   var _useConfigContext = useConfigContext(),
     getPrefixCls = _useConfigContext.getPrefixCls;
   var prefixCls = getPrefixCls("user-setting");
-  var _useStyle = useStyle("".concat(prefixCls, "-wrapper")),
+  var _useStyle = useStyle(prefixCls),
     _useStyle2 = _slicedToArray(_useStyle, 3),
     wrapCSSVar = _useStyle2[0],
     hashId = _useStyle2[1],

package/lib/Header/index.js

@@ -97,7 +97,7 @@ function CWHeader(_ref) {
   var _useConfigContext = useConfigContext(),
     getPrefixCls = _useConfigContext.getPrefixCls;
   var prefixCls = getPrefixCls("basic-header");
-  var _useStyle = useStyle("".concat(prefixCls, "-cw-header-out-wrapper")),
+  var _useStyle = useStyle(prefixCls),
     _useStyle2 = _slicedToArray(_useStyle, 3),
     wrapCSSVar = _useStyle2[0],
     hashId = _useStyle2[1],

package/lib/IconSelect/index.js

@@ -29,7 +29,7 @@ function IconSelect(_ref) {
   var _useConfigContext = useConfigContext(),
     getPrefixCls = _useConfigContext.getPrefixCls;
   var prefixCls = getPrefixCls("icon-select");
-  var _useStyle = useStyle(),
+  var _useStyle = useStyle(prefixCls),
     _useStyle2 = _slicedToArray(_useStyle, 3),
     wrapCSSVar = _useStyle2[0],
     hashId = _useStyle2[1],

package/lib/LayoutWrapper/Footer.js

@@ -11,12 +11,16 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 import React from "react";
 import classnames from "classnames";
 import useStyle from "./style/footer";
+import useConfigContext from "../useConfigContext";
 var Footer = function Footer(_ref) {
   var content = _ref.content,
     hasFooter = _ref.hasFooter,
     className = _ref.className,
     resP = _objectWithoutProperties(_ref, _excluded);
-  var _useStyle = useStyle("cw-layout-wrapper-footer"),
+  var _useConfigContext = useConfigContext(),
+    getPrefixCls = _useConfigContext.getPrefixCls;
+  var prefixCls = getPrefixCls();
+  var _useStyle = useStyle("".concat(prefixCls, "-layout-wrapper-footer")),
     _useStyle2 = _slicedToArray(_useStyle, 3),
     wrapCSSVar = _useStyle2[0],
     hashId = _useStyle2[1],

package/lib/LayoutWrapper/Header.js

@@ -12,6 +12,7 @@ import React from "react";
 import LeftArrow from "./LeftArrow";
 import classnames from "classnames";
 import useStyle from "./style/header";
+import useConfigContext from "../useConfigContext";
 var Header = function Header(_ref) {
   var title = _ref.title,
     _ref$fixed = _ref.fixed,
@@ -26,7 +27,10 @@ var Header = function Header(_ref) {
     _ref$noBorder = _ref.noBorder,
     noBorder = _ref$noBorder === void 0 ? false : _ref$noBorder,
     resP = _objectWithoutProperties(_ref, _excluded);
-  var _useStyle = useStyle("cw-layout-wrapper-header"),
+  var _useConfigContext = useConfigContext(),
+    getPrefixCls = _useConfigContext.getPrefixCls;
+  var prefixCls = getPrefixCls();
+  var _useStyle = useStyle("".concat(prefixCls, "-layout-wrapper-header")),
     _useStyle2 = _slicedToArray(_useStyle, 3),
     wrapCSSVar = _useStyle2[0],
     hashId = _useStyle2[1],

package/lib/LayoutWrapper/index.js

@@ -12,7 +12,7 @@ import classnames from 'classnames';
 import PropTypes from 'prop-types';
 import { useHistory } from 'react-router-dom';
 import { eventManager } from '../utils';
-// import './index.less';
+import useConfigContext from "../useConfigContext";
 import useStyle from './style/index';
 function LayoutWrapper(_ref) {
   var _ref$header = _ref.header,
@@ -29,7 +29,10 @@ function LayoutWrapper(_ref) {
     footer = _ref$footer === void 0 ? {} : _ref$footer,
     _ref$autoScrollToTop = _ref.autoScrollToTop,
     autoScrollToTop = _ref$autoScrollToTop === void 0 ? true : _ref$autoScrollToTop;
-  var _useStyle = useStyle("cw-layout-wrapper-box"),
+  var _useConfigContext = useConfigContext(),
+    getPrefixCls = _useConfigContext.getPrefixCls;
+  var prefixCls = getPrefixCls();
+  var _useStyle = useStyle("".concat(prefixCls, "-layout-wrapper")),
     _useStyle2 = _slicedToArray(_useStyle, 3),
     wrapCSSVar = _useStyle2[0],
     hashId = _useStyle2[1],

package/lib/LeftNavigation/index.js

@@ -29,7 +29,7 @@ var LeftNavigation = function LeftNavigation(_ref) {
   var _useConfigContext = useConfigContext(),
     getPrefixCls = _useConfigContext.getPrefixCls;
   var prefixCls = getPrefixCls("left-navigation");
-  var _useStyle = useStyle("".concat(prefixCls, "-container")),
+  var _useStyle = useStyle(prefixCls),
     _useStyle2 = _slicedToArray(_useStyle, 3),
     wrapCSSVar = _useStyle2[0],
     hashId = _useStyle2[1],

package/lib/QuickTransfer/index.js

@@ -36,6 +36,7 @@ import Drag from "./Drag";
 import PropTypes from "prop-types";
 import { isEqual } from "@chaoswise/utils";
 import NoDrag from "./NoDrag";
+import useConfigContext from "../useConfigContext";
 import { createTree } from "../CWTree/utils";
 import { useIntl } from "../locales";
 import useStyle from "./index.style";
@@ -144,7 +145,10 @@ var QuickTransfer = /*#__PURE__*/forwardRef(function (props, ref) {
     _rowSelection$onSelec2 = rowSelection.onSelectAll,
     _onSelectAll = _rowSelection$onSelec2 === void 0 ? function () {} : _rowSelection$onSelec2,
     rowSelectionRest = _objectWithoutProperties(rowSelection, _excluded5);
-  var _useStyle = useStyle("cw-transfer-main"),
+  var _useConfigContext = useConfigContext(),
+    getPrefixCls = _useConfigContext.getPrefixCls;
+  var prefixCls = getPrefixCls();
+  var _useStyle = useStyle("".concat(prefixCls, "-quick-transfer")),
     _useStyle2 = _slicedToArray(_useStyle, 3),
     wrapCSSVar = _useStyle2[0],
     hashId = _useStyle2[1],

package/lib/SearchBar/index.js

@@ -95,7 +95,7 @@ var SearchBar = function SearchBar(props) {
   var _useConfigContext = useConfigContext(),
     getPrefixCls = _useConfigContext.getPrefixCls;
   var searchBarprefixCls = getPrefixCls("search-bar");
-  var _useStyle = useStyle("".concat(searchBarprefixCls, "-form")),
+  var _useStyle = useStyle(searchBarprefixCls),
     _useStyle2 = _slicedToArray(_useStyle, 3),
     wrapCSSVar = _useStyle2[0],
     hashId = _useStyle2[1],

package/lib/SimplePagination/index.js

@@ -28,7 +28,7 @@ function SimplePagination(props) {
   var _useConfigContext = useConfigContext(),
     getPrefixCls = _useConfigContext.getPrefixCls;
   var prefixCls = getPrefixCls("simple-pagination");
-  var _useStyle = useStyle("".concat(prefixCls, "-wrapper")),
+  var _useStyle = useStyle(prefixCls),
     _useStyle2 = _slicedToArray(_useStyle, 3),
     wrapCSSVar = _useStyle2[0],
     hashId = _useStyle2[1],