@ant-design/pro-components 2.2.0 → 2.2.1

package/dist/components.js

@@ -32112,7 +32112,7 @@ var FieldLabelFunction = function FieldLabelFunction(props, ref) {
     children: [getTextByValue(label, value), (value || value === 0) && allowClear && (0,jsx_runtime.jsx)(icons_CloseOutlined, {
       role: "button",
       title: "\u6E05\u9664",
-      className: classnames_default()("".concat(prefixCls, "-icon"), "".concat(prefixCls, "-close")),
+      className: classnames_default()("".concat(prefixCls, "-icon"), hashId, "".concat(prefixCls, "-close")),
       onClick: function onClick(e) {
         if (onClear && !disabled) {
           onClear();
@@ -33625,7 +33625,7 @@ var FilterDropdown = function FilterDropdown(props) {
     overlay: (0,jsx_runtime.jsxs)("div", {
       className: "".concat(prefixCls, "-overlay ").concat(hashId),
       children: [(0,jsx_runtime.jsx)("div", {
-        className: "".concat(prefixCls, "-content"),
+        className: "".concat(prefixCls, "-content ").concat(hashId),
         children: children
       }), footer && (0,jsx_runtime.jsx)(DropdownFooter, objectSpread2_objectSpread2({
         disabled: disabled,
@@ -33633,7 +33633,7 @@ var FilterDropdown = function FilterDropdown(props) {
       }, footer))]
     }),
     children: (0,jsx_runtime.jsx)("span", {
-      className: "".concat(prefixCls, "-label"),
+      className: "".concat(prefixCls, "-label ").concat(hashId),
       children: label
     })
   }));
@@ -34019,14 +34019,14 @@ var LabelIconTip = /*#__PURE__*/external_React_default().memo(function (props) {
       return e.stopPropagation();
     },
     children: [(0,jsx_runtime.jsx)("div", {
-      className: classnames_default()("".concat(className, "-title"), defineProperty_defineProperty({}, "".concat(className, "-title-ellipsis"), ellipsis)),
+      className: classnames_default()("".concat(className, "-title"), hashId, defineProperty_defineProperty({}, "".concat(className, "-title-ellipsis"), ellipsis)),
       children: label
     }), subTitle && (0,jsx_runtime.jsx)("div", {
-      className: "".concat(className, "-subtitle"),
+      className: "".concat(className, "-subtitle ").concat(hashId),
       children: subTitle
     }), tooltip && (0,jsx_runtime.jsx)(external_antd_.Tooltip, objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, tooltipProps), {}, {
       children: (0,jsx_runtime.jsx)("span", {
-        className: "".concat(className, "-icon"),
+        className: "".concat(className, "-icon ").concat(hashId),
         children: icon
       })
     }))]
@@ -37197,7 +37197,7 @@ var CheckCard = function CheckCard(props) {
       bordered = _checkCardProps$borde === void 0 ? true : _checkCardProps$borde,
       checked = checkCardProps.checked;
   var sizeCls = getSizeCls(size);
-  var classString = classnames_default()(prefixCls, className, (_classNames = {}, defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-loading"), cardLoading), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-").concat(sizeCls), sizeCls), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-checked"), checked), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-multiple"), multiple), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-disabled"), disabled), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-bordered"), bordered), defineProperty_defineProperty(_classNames, "hashId", hashId), _classNames));
+  var classString = classnames_default()(prefixCls, className, hashId, (_classNames = {}, defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-loading"), cardLoading), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-").concat(sizeCls), sizeCls), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-checked"), checked), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-multiple"), multiple), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-disabled"), disabled), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-bordered"), bordered), defineProperty_defineProperty(_classNames, "hashId", hashId), _classNames));
   var metaDom = (0,external_React_.useMemo)(function () {
     if (cardLoading) {
       return (0,jsx_runtime.jsx)(CardLoading, {
@@ -37210,7 +37210,7 @@ var CheckCard = function CheckCard(props) {
     }
 
     var avatarDom = avatar ? (0,jsx_runtime.jsx)("div", {
-      className: "".concat(prefixCls, "-avatar"),
+      className: "".concat(prefixCls, "-avatar ").concat(hashId),
       children: typeof avatar === 'string' ? (0,jsx_runtime.jsx)(external_antd_.Avatar, {
         size: 48,
         shape: "square",
@@ -37219,29 +37219,29 @@ var CheckCard = function CheckCard(props) {
     }) : null;
 
     var headerDom = (title || extra) && (0,jsx_runtime.jsxs)("div", {
-      className: "".concat(prefixCls, "-header"),
+      className: "".concat(prefixCls, "-header ").concat(hashId),
       children: [(0,jsx_runtime.jsx)("div", {
-        className: "".concat(prefixCls, "-title"),
+        className: "".concat(prefixCls, "-title ").concat(hashId),
         children: title
       }), extra && (0,jsx_runtime.jsx)("div", {
-        className: "".concat(prefixCls, "-extra"),
+        className: "".concat(prefixCls, "-extra ").concat(hashId),
         children: extra
       })]
     });
 
     var descriptionDom = description ? (0,jsx_runtime.jsx)("div", {
-      className: "".concat(prefixCls, "-description"),
+      className: "".concat(prefixCls, "-description ").concat(hashId),
       children: description
     }) : null;
-    var metaClass = classnames_default()("".concat(prefixCls, "-content"), defineProperty_defineProperty({}, "".concat(prefixCls, "-avatar-header"), avatarDom && headerDom && !descriptionDom));
+    var metaClass = classnames_default()("".concat(prefixCls, "-content"), hashId, defineProperty_defineProperty({}, "".concat(prefixCls, "-avatar-header"), avatarDom && headerDom && !descriptionDom));
     return (0,jsx_runtime.jsxs)("div", {
       className: metaClass,
       children: [avatarDom, headerDom || descriptionDom ? (0,jsx_runtime.jsxs)("div", {
-        className: "".concat(prefixCls, "-detail"),
+        className: "".concat(prefixCls, "-detail ").concat(hashId),
         children: [headerDom, descriptionDom]
       }) : null]
     });
-  }, [avatar, cardLoading, cover, description, extra, prefixCls, title]);
+  }, [avatar, cardLoading, cover, description, extra, hashId, prefixCls, title]);
   return wrapSSR((0,jsx_runtime.jsx)("div", {
     className: classString,
     style: style,
@@ -37431,11 +37431,11 @@ var Statistic = function Statistic(props) {
   var tipDom = tip && (0,jsx_runtime.jsx)(external_antd_.Tooltip, {
     title: tip,
     children: (0,jsx_runtime.jsx)(icons_QuestionCircleOutlined, {
-      className: "".concat(prefixCls, "-tip")
+      className: "".concat(prefixCls, "-tip ").concat(hashId)
     })
   });
 
-  var trendIconClassName = classnames_default()("".concat(prefixCls, "-trend-icon"), defineProperty_defineProperty({}, "".concat(prefixCls, "-trend-icon-").concat(trend), trend));
+  var trendIconClassName = classnames_default()("".concat(prefixCls, "-trend-icon"), hashId, defineProperty_defineProperty({}, "".concat(prefixCls, "-trend-icon-").concat(trend), trend));
 
   var trendDom = trend && (0,jsx_runtime.jsx)("div", {
     className: trendIconClassName
@@ -37470,7 +37470,7 @@ var Statistic = function Statistic(props) {
           }),
           className: statisticClassName
         }, others)), description && (0,jsx_runtime.jsx)("div", {
-          className: "".concat(prefixCls, "-description"),
+          className: "".concat(prefixCls, "-description ").concat(hashId),
           children: description
         })]
       })]
@@ -38195,7 +38195,7 @@ var Card = /*#__PURE__*/external_React_default().forwardRef(function (props, ref
     return element;
   });
   var cardCls = classnames_default()("".concat(prefixCls), className, hashId, (_classNames2 = {}, defineProperty_defineProperty(_classNames2, "".concat(prefixCls, "-border"), bordered), defineProperty_defineProperty(_classNames2, "".concat(prefixCls, "-box-shadow"), boxShadow), defineProperty_defineProperty(_classNames2, "".concat(prefixCls, "-contain-card"), containProCard), defineProperty_defineProperty(_classNames2, "".concat(prefixCls, "-loading"), loading), defineProperty_defineProperty(_classNames2, "".concat(prefixCls, "-split"), split === 'vertical' || split === 'horizontal'), defineProperty_defineProperty(_classNames2, "".concat(prefixCls, "-ghost"), ghost), defineProperty_defineProperty(_classNames2, "".concat(prefixCls, "-hoverable"), hoverable), defineProperty_defineProperty(_classNames2, "".concat(prefixCls, "-size-").concat(size), size), defineProperty_defineProperty(_classNames2, "".concat(prefixCls, "-type-").concat(type), type), defineProperty_defineProperty(_classNames2, "".concat(prefixCls, "-collapse"), collapsed), defineProperty_defineProperty(_classNames2, "".concat(prefixCls, "-checked"), checked), _classNames2));
-  var bodyCls = classnames_default()("".concat(prefixCls, "-body"), (_classNames3 = {}, defineProperty_defineProperty(_classNames3, "".concat(prefixCls, "-body-center"), layout === 'center'), defineProperty_defineProperty(_classNames3, "".concat(prefixCls, "-body-direction-column"), split === 'horizontal' || direction === 'column'), defineProperty_defineProperty(_classNames3, "".concat(prefixCls, "-body-wrap"), wrap && containProCard), _classNames3));
+  var bodyCls = classnames_default()("".concat(prefixCls, "-body"), hashId, (_classNames3 = {}, defineProperty_defineProperty(_classNames3, "".concat(prefixCls, "-body-center"), layout === 'center'), defineProperty_defineProperty(_classNames3, "".concat(prefixCls, "-body-direction-column"), split === 'horizontal' || direction === 'column'), defineProperty_defineProperty(_classNames3, "".concat(prefixCls, "-body-wrap"), wrap && containProCard), _classNames3));
 
   var cardBodyStyle = objectSpread2_objectSpread2(objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, getStyle(horizonalGutter > 0, {
     marginInlineEnd: -horizonalGutter / 2,
@@ -38216,7 +38216,7 @@ var Card = /*#__PURE__*/external_React_default().forwardRef(function (props, ref
     collapsed: collapsed
   }) : (0,jsx_runtime.jsx)(icons_RightOutlined, {
     rotate: !collapsed ? 90 : undefined,
-    className: "".concat(prefixCls, "-collapsible-icon")
+    className: "".concat(prefixCls, "-collapsible-icon ").concat(hashId)
   }));
   return wrapSSR((0,jsx_runtime.jsxs)("div", objectSpread2_objectSpread2(objectSpread2_objectSpread2({
     className: cardCls,
@@ -38230,24 +38230,24 @@ var Card = /*#__PURE__*/external_React_default().forwardRef(function (props, ref
     }
   }, omit_js_es(rest, ['prefixCls', 'colSpan'])), {}, {
     children: [(title || extra || collapsibleButton) && (0,jsx_runtime.jsxs)("div", {
-      className: classnames_default()("".concat(prefixCls, "-header"), (_classNames4 = {}, defineProperty_defineProperty(_classNames4, "".concat(prefixCls, "-header-border"), headerBordered || type === 'inner'), defineProperty_defineProperty(_classNames4, "".concat(prefixCls, "-header-collapsible"), collapsibleButton), _classNames4)),
+      className: classnames_default()("".concat(prefixCls, "-header"), hashId, (_classNames4 = {}, defineProperty_defineProperty(_classNames4, "".concat(prefixCls, "-header-border"), headerBordered || type === 'inner'), defineProperty_defineProperty(_classNames4, "".concat(prefixCls, "-header-collapsible"), collapsibleButton), _classNames4)),
       style: headStyle,
       onClick: function onClick() {
         if (collapsibleButton) setCollapsed(!collapsed);
       },
       children: [(0,jsx_runtime.jsxs)("div", {
-        className: "".concat(prefixCls, "-title"),
+        className: "".concat(prefixCls, "-title ").concat(hashId),
         children: [collapsibleButton, (0,jsx_runtime.jsx)(LabelIconTip, {
           label: title,
           tooltip: tooltip || tip,
           subTitle: subTitle
         })]
       }), extra && (0,jsx_runtime.jsx)("div", {
-        className: "".concat(prefixCls, "-extra"),
+        className: "".concat(prefixCls, "-extra ").concat(hashId),
         children: extra
       })]
     }), tabs ? (0,jsx_runtime.jsx)("div", {
-      className: "".concat(prefixCls, "-tabs"),
+      className: "".concat(prefixCls, "-tabs ").concat(hashId),
       children: (0,jsx_runtime.jsx)(external_antd_.Tabs, objectSpread2_objectSpread2(objectSpread2_objectSpread2({
         onChange: tabs.onChange
       }, tabs), {}, {
@@ -38666,14 +38666,14 @@ var StatisticCard = function StatisticCard(props) {
     layout: "vertical"
   }, statistic));
 
-  var chartCls = classnames_default()("".concat(prefixCls, "-chart"), (_classNames = {}, defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-chart-left"), chartPlacement === 'left' && chart && statistic), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-chart-right"), chartPlacement === 'right' && chart && statistic), _classNames));
+  var chartCls = classnames_default()("".concat(prefixCls, "-chart"), hashId, (_classNames = {}, defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-chart-left"), chartPlacement === 'left' && chart && statistic), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-chart-right"), chartPlacement === 'right' && chart && statistic), _classNames));
 
   var chartDom = chart && (0,jsx_runtime.jsx)("div", {
     className: chartCls,
     children: chart
   });
 
-  var contentCls = classnames_default()("".concat(prefixCls, "-content"), defineProperty_defineProperty({}, "".concat(prefixCls, "-content-horizontal"), chartPlacement === 'left' || chartPlacement === 'right')); // 默认上下结构
+  var contentCls = classnames_default()("".concat(prefixCls, "-content "), hashId, defineProperty_defineProperty({}, "".concat(prefixCls, "-content-horizontal"), chartPlacement === 'left' || chartPlacement === 'right')); // 默认上下结构
 
   var contentDom = (chartDom || statisticDom) && (chartPlacement === 'left' ? (0,jsx_runtime.jsxs)("div", {
     className: contentCls,
@@ -38684,7 +38684,7 @@ var StatisticCard = function StatisticCard(props) {
   }));
 
   var footerDom = footer && (0,jsx_runtime.jsx)("div", {
-    className: "".concat(prefixCls, "-footer"),
+    className: "".concat(prefixCls, "-footer ").concat(hashId),
     children: footer
   });
 
@@ -57195,6 +57195,7 @@ var ListItem_excluded = ["creatorButtonProps", "deleteIconProps", "copyIconProps
 
 
 
+
 /** Antd 自带的toArray 不支持方法，所以需要自己搞一个 */
 
 var listToArray = function listToArray(children) {
@@ -57235,6 +57236,9 @@ var ProFormListItem = function ProFormListItem(props) {
       count = props.count,
       rest = objectWithoutProperties_objectWithoutProperties(props, ListItem_excluded);
 
+  var _useToken = useStyle_useToken(),
+      hashId = _useToken.hashId;
+
   var listContext = (0,external_React_.useContext)(FormListContext);
   var unmountedRef = (0,external_React_.useRef)(false);
 
@@ -57301,7 +57305,7 @@ var ProFormListItem = function ProFormListItem(props) {
       children: (0,jsx_runtime.jsx)(external_antd_.Spin, {
         spinning: loadingCopy,
         children: (0,jsx_runtime.jsx)(Icon, {
-          className: "".concat(prefixCls, "-action-icon action-copy"),
+          className: "".concat(prefixCls, "-action-icon action-copy ").concat(hashId),
           onClick: function () {
             var _onClick = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
               return _regeneratorRuntime().wrap(function _callee$(_context) {
@@ -57334,7 +57338,7 @@ var ProFormListItem = function ProFormListItem(props) {
         })
       })
     }, "copy");
-  }, [copyIconProps, max, count, loadingCopy, prefixCls, action, formInstance, listContext.listName, rest.name, field.name]);
+  }, [copyIconProps, max, count, loadingCopy, prefixCls, hashId, action, formInstance, listContext.listName, rest.name, field.name]);
   var deleteIcon = (0,external_React_.useMemo)(function () {
     if (deleteIconProps === false || min === count) return null;
     var _deleteIconProps$Icon = deleteIconProps.Icon,
@@ -57345,7 +57349,7 @@ var ProFormListItem = function ProFormListItem(props) {
       children: (0,jsx_runtime.jsx)(external_antd_.Spin, {
         spinning: loadingRemove,
         children: (0,jsx_runtime.jsx)(Icon, {
-          className: "".concat(prefixCls, "-action-icon action-remove"),
+          className: "".concat(prefixCls, "-action-icon action-remove ").concat(hashId),
           onClick: function () {
             var _onClick2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
               return _regeneratorRuntime().wrap(function _callee2$(_context2) {
@@ -57378,7 +57382,7 @@ var ProFormListItem = function ProFormListItem(props) {
         })
       })
     }, "delete");
-  }, [deleteIconProps, min, count, loadingRemove, prefixCls, setLoadingRemove, action, field.name]);
+  }, [deleteIconProps, min, count, loadingRemove, prefixCls, hashId, action, field.name]);
   var defaultActionDom = (0,external_React_.useMemo)(function () {
     return [copyIcon, deleteIcon].filter(function (item) {
       return item !== null && item !== undefined;
@@ -57386,7 +57390,7 @@ var ProFormListItem = function ProFormListItem(props) {
   }, [copyIcon, deleteIcon]);
   var actions = (actionRender === null || actionRender === void 0 ? void 0 : actionRender(field, action, defaultActionDom, count)) || defaultActionDom;
   var dom = actions.length > 0 ? (0,jsx_runtime.jsx)("div", {
-    className: "".concat(prefixCls, "-action"),
+    className: "".concat(prefixCls, "-action ").concat(hashId),
     children: actions
   }) : null;
   var options = {
@@ -57408,7 +57412,7 @@ var ProFormListItem = function ProFormListItem(props) {
 
   var contentDom = (itemRender === null || itemRender === void 0 ? void 0 : itemRender({
     listDom: (0,jsx_runtime.jsx)("div", {
-      className: "".concat(prefixCls, "-container"),
+      className: "".concat(prefixCls, "-container ").concat(hashId),
       style: {
         width: grid ? '100%' : undefined
       },
@@ -57416,13 +57420,13 @@ var ProFormListItem = function ProFormListItem(props) {
     }),
     action: dom
   }, options)) || (0,jsx_runtime.jsxs)("div", {
-    className: "".concat(prefixCls, "-item ").concat(alwaysShowItemLabel ? "".concat(prefixCls, "-item-show-label") : ''),
+    className: "".concat(prefixCls, "-item  ").concat(hashId, " ").concat(alwaysShowItemLabel ? "".concat(prefixCls, "-item-show-label ").concat(hashId) : ''),
     style: {
       display: 'flex',
       alignItems: 'flex-end'
     },
     children: [(0,jsx_runtime.jsx)("div", {
-      className: "".concat(prefixCls, "-container"),
+      className: "".concat(prefixCls, "-container ").concat(hashId),
       style: {
         width: grid ? '100%' : undefined
       },
@@ -57472,6 +57476,10 @@ var ProFormListContainer = function ProFormListContainer(props) {
       containerStyle = props.containerStyle,
       onAfterAdd = props.onAfterAdd,
       onAfterRemove = props.onAfterRemove;
+
+  var _useToken = useStyle_useToken(),
+      hashId = _useToken.hashId;
+
   var fieldKeyMap = (0,external_React_.useRef)(new Map());
 
   var _useState = (0,external_React_.useState)(false),
@@ -57658,7 +57666,7 @@ var ProFormListContainer = function ProFormListContainer(props) {
         creatorButtonText = _ref5$creatorButtonTe === void 0 ? intl.getMessage('editableTable.action.add', '添加一行数据') : _ref5$creatorButtonTe;
 
     return (0,jsx_runtime.jsx)(external_antd_.Button, objectSpread2_objectSpread2(objectSpread2_objectSpread2({
-      className: "".concat(prefixCls, "-creator-button-").concat(position),
+      className: "".concat(prefixCls, "-creator-button-").concat(position, " ").concat(hashId),
       type: "dashed",
       loading: loading,
       block: true,
@@ -57698,7 +57706,7 @@ var ProFormListContainer = function ProFormListContainer(props) {
       }(),
       children: creatorButtonText
     }));
-  }, [creatorButtonProps, uuidFields.length, max, intl, prefixCls, loading, wrapperAction, creatorRecord]);
+  }, [creatorButtonProps, uuidFields.length, max, intl, prefixCls, hashId, loading, wrapperAction, creatorRecord]);
 
   var defaultStyle = objectSpread2_objectSpread2({
     width: 'max-content',
@@ -58650,7 +58658,7 @@ var Group_Group = /*#__PURE__*/external_React_default().forwardRef(function (pro
   var Wrapper = (0,external_React_.useCallback)(function (_ref) {
     var dom = _ref.children;
     return (0,jsx_runtime.jsx)(external_antd_.Space, objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, spaceProps), {}, {
-      className: classnames_default()("".concat(className, "-container"), spaceProps === null || spaceProps === void 0 ? void 0 : spaceProps.className),
+      className: classnames_default()("".concat(className, "-container ").concat(hashId), spaceProps === null || spaceProps === void 0 ? void 0 : spaceProps.className),
       size: size,
       align: align,
       direction: direction,
@@ -58659,7 +58667,7 @@ var Group_Group = /*#__PURE__*/external_React_default().forwardRef(function (pro
       }, spaceProps === null || spaceProps === void 0 ? void 0 : spaceProps.style),
       children: dom
     }));
-  }, [align, className, direction, size, spaceProps]);
+  }, [align, className, direction, hashId, size, spaceProps]);
   var titleDom = titleRender ? titleRender(label, props) : label;
 
   var _useMemo = (0,external_React_.useMemo)(function () {
@@ -58700,7 +58708,7 @@ var Group_Group = /*#__PURE__*/external_React_default().forwardRef(function (pro
       style: style,
       ref: ref,
       children: [hiddenDoms, (title || tooltip || extra) && (0,jsx_runtime.jsx)("div", {
-        className: "".concat(className, "-title"),
+        className: "".concat(className, "-title ").concat(hashId),
         style: titleStyle,
         onClick: function onClick() {
           setCollapsed(!collapsed);
@@ -59071,6 +59079,14 @@ function DrawerForm(_ref) {
         resetFields();
         drawerProps === null || drawerProps === void 0 ? void 0 : (_drawerProps$afterOpe = drawerProps.afterOpenChange) === null || _drawerProps$afterOpe === void 0 ? void 0 : _drawerProps$afterOpe.call(drawerProps, e);
       },
+      //@ts-expect-error
+      afterVisibleChange: function afterVisibleChange(e) {
+        var _drawerProps$afterVis;
+
+        if (!e) resetFields(); //@ts-expect-error
+
+        drawerProps === null || drawerProps === void 0 ? void 0 : (_drawerProps$afterVis = drawerProps.afterVisibleChange) === null || _drawerProps$afterVis === void 0 ? void 0 : _drawerProps$afterVis.call(drawerProps, e);
+      },
       footer: rest.submitter !== false && (0,jsx_runtime.jsx)("div", {
         ref: footerDomRef,
         style: {
@@ -59303,7 +59319,7 @@ var LightFilterContainer = function LightFilterContainer(props) {
 
     if (collapse) {
       return (0,jsx_runtime.jsx)(icons_FilterOutlined, {
-        className: "".concat(lightFilterClassName, "-collapse-icon")
+        className: "".concat(lightFilterClassName, "-collapse-icon ").concat(hashId)
       });
     }
 
@@ -59319,13 +59335,13 @@ var LightFilterContainer = function LightFilterContainer(props) {
       return values[key];
     }))),
     children: (0,jsx_runtime.jsxs)("div", {
-      className: "".concat(lightFilterClassName, "-container"),
+      className: "".concat(lightFilterClassName, "-container ").concat(hashId),
       children: [outsideItems.map(function (child, index) {
         var key = child.key;
         var fieldProps = child.props.fieldProps;
         var newPlacement = (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.placement) ? fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.placement : placement;
         return (0,jsx_runtime.jsx)("div", {
-          className: "".concat(lightFilterClassName, "-item"),
+          className: "".concat(lightFilterClassName, "-item ").concat(hashId),
           children: /*#__PURE__*/external_React_default().cloneElement(child, {
             fieldProps: objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, child.props.fieldProps), {}, {
               placement: newPlacement
@@ -59340,7 +59356,7 @@ var LightFilterContainer = function LightFilterContainer(props) {
           })
         }, key || index);
       }), collapseItems.length ? (0,jsx_runtime.jsx)("div", {
-        className: "".concat(lightFilterClassName, "-item"),
+        className: "".concat(lightFilterClassName, "-item ").concat(hashId),
         children: (0,jsx_runtime.jsx)(FilterDropdown, {
           padding: 24,
           onVisibleChange: setOpen,
@@ -59381,7 +59397,7 @@ var LightFilterContainer = function LightFilterContainer(props) {
 
             var newPlacement = (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.placement) ? fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.placement : placement;
             return (0,jsx_runtime.jsx)("div", {
-              className: "".concat(lightFilterClassName, "-line"),
+              className: "".concat(lightFilterClassName, "-line ").concat(hashId),
               children: /*#__PURE__*/external_React_default().cloneElement(child, {
                 fieldProps: objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, newFieldProps), {}, {
                   placement: newPlacement
@@ -61225,12 +61241,16 @@ var Actions_Actions = function Actions(props) {
       getPrefixCls = _useContext.getPrefixCls;
 
   var intl = useIntl();
+
+  var _useToken = useStyle_useToken(),
+      hashId = _useToken.hashId;
+
   var collapseRender = omitBoolean(props.collapseRender) || defaultCollapseRender;
   return (0,jsx_runtime.jsxs)(external_antd_.Space, {
     style: style,
     size: 16,
     children: [submitter, props.collapseRender !== false && (0,jsx_runtime.jsx)("a", {
-      className: getPrefixCls('pro-query-filter-collapse-button'),
+      className: "".concat(getPrefixCls('pro-query-filter-collapse-button'), " ").concat(hashId),
       onClick: function onClick() {
         return setCollapsed(!collapsed);
       },
@@ -61368,6 +61388,10 @@ var flatMapItems = function flatMapItems(items, ignoreRules) {
 
 var QueryFilterContent = function QueryFilterContent(props) {
   var intl = useIntl();
+
+  var _useToken = useStyle_useToken(),
+      hashId = _useToken.hashId;
+
   var resetText = props.resetText || intl.getMessage('tableForm.reset', '重置');
   var searchText = props.searchText || intl.getMessage('tableForm.search', '搜索');
 
@@ -61486,7 +61510,7 @@ var QueryFilterContent = function QueryFilterContent(props) {
     if (split && currentSpan % 24 === 0 && index < itemLength - 1) {
       return (0,jsx_runtime.jsx)(external_antd_.Col, {
         span: colSpan,
-        className: "".concat(props.baseClassName, "-row-split-line"),
+        className: "".concat(props.baseClassName, "-row-split-line ").concat(hashId),
         children: itemDom
       }, itemKey);
     }
@@ -61516,7 +61540,7 @@ var QueryFilterContent = function QueryFilterContent(props) {
   var baseClassName = context.getPrefixCls('pro-query-filter');
   return (0,jsx_runtime.jsxs)(external_antd_.Row, {
     gutter: searchGutter,
-    className: "".concat(baseClassName, "-row"),
+    className: "".concat(baseClassName, "-row ").concat(hashId),
     justify: "start",
     children: [doms, submitter && (0,jsx_runtime.jsx)(external_antd_.Col, {
       span: spanSize.span,
@@ -61527,7 +61551,7 @@ var QueryFilterContent = function QueryFilterContent(props) {
       children: (0,jsx_runtime.jsx)(external_antd_.Form.Item, {
         label: " ",
         colon: false,
-        className: "".concat(baseClassName, "-actions"),
+        className: "".concat(baseClassName, "-actions ").concat(hashId),
         children: (0,jsx_runtime.jsx)(QueryFilter_Actions, {
           hiddenNum: hiddenNum,
           collapsed: collapsed,
@@ -62051,7 +62075,7 @@ function StepsForm(props) {
   }(), [lastStep, onFinish, setLoading, setStep]);
   var stepsDom = (0,external_React_.useMemo)(function () {
     return (0,jsx_runtime.jsx)("div", {
-      className: "".concat(prefixCls, "-steps-container"),
+      className: "".concat(prefixCls, "-steps-container ").concat(hashId),
       style: {
         maxWidth: Math.min(formArray.length * 320, 1160)
       },
@@ -62066,7 +62090,7 @@ function StepsForm(props) {
         })
       }))
     });
-  }, [formArray, prefixCls, step, stepsProps]);
+  }, [formArray, hashId, prefixCls, step, stepsProps]);
   var onSubmit = useRefFunction(function () {
     var _from$current;
 
@@ -62166,7 +62190,7 @@ function StepsForm(props) {
         submitter: false
       } : {};
       return (0,jsx_runtime.jsx)("div", {
-        className: classnames_default()("".concat(prefixCls, "-step"), defineProperty_defineProperty({}, "".concat(prefixCls, "-step-active"), isShow)),
+        className: classnames_default()("".concat(prefixCls, "-step"), hashId, defineProperty_defineProperty({}, "".concat(prefixCls, "-step-active"), isShow)),
         children: /*#__PURE__*/external_React_default().cloneElement(item, objectSpread2_objectSpread2(objectSpread2_objectSpread2(objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, config), formProps), itemProps), {}, {
           name: name,
           step: index,
@@ -62174,7 +62198,7 @@ function StepsForm(props) {
         }))
       }, name);
     });
-  }, [formProps, prefixCls, props.children, step, stepFormRender]);
+  }, [formProps, hashId, prefixCls, props.children, step, stepFormRender]);
   var finalStepsDom = (0,external_React_.useMemo)(function () {
     if (stepsRender) {
       return stepsRender(formArray.map(function (item) {
@@ -62191,13 +62215,13 @@ function StepsForm(props) {
   }, [formArray, stepsDom, stepsRender]);
   var formContainer = (0,external_React_.useMemo)(function () {
     return (0,jsx_runtime.jsxs)("div", {
-      className: "".concat(prefixCls, "-container"),
+      className: "".concat(prefixCls, "-container ").concat(hashId),
       style: containerStyle,
       children: [formDom, stepsFormRender ? null : (0,jsx_runtime.jsx)(external_antd_.Space, {
         children: submitterDom
       })]
     });
-  }, [containerStyle, formDom, prefixCls, stepsFormRender, submitterDom]);
+  }, [containerStyle, formDom, hashId, prefixCls, stepsFormRender, submitterDom]);
   var stepsFormDom = (0,external_React_.useMemo)(function () {
     var doms = {
       stepsDom: finalStepsDom,
@@ -64327,13 +64351,13 @@ function LoginForm(props) {
   var context = (0,external_React_.useContext)(external_antd_.ConfigProvider.ConfigContext);
   var baseClassName = context.getPrefixCls('pro-form-login');
 
-  var getCls = function getCls(className) {
-    return "".concat(baseClassName, "-").concat(className);
-  };
-
   var _useStyle = LoginForm_style_useStyle(baseClassName),
       wrapSSR = _useStyle.wrapSSR,
       hashId = _useStyle.hashId;
+
+  var getCls = function getCls(className) {
+    return "".concat(baseClassName, "-").concat(className, " ").concat(hashId);
+  };
   /** 生成logo 的dom，如果是string 设置为图片 如果是个 dom 就原样保留 */
 
 
@@ -64351,9 +64375,9 @@ function LoginForm(props) {
   return wrapSSR((0,jsx_runtime.jsxs)("div", {
     className: classnames_default()(getCls('container'), hashId),
     children: [(0,jsx_runtime.jsxs)("div", {
-      className: getCls('top'),
+      className: "".concat(getCls('top'), " ").concat(hashId),
       children: [title || logoDom ? (0,jsx_runtime.jsxs)("div", {
-        className: getCls('header'),
+        className: "".concat(getCls('header')),
         children: [logoDom ? (0,jsx_runtime.jsx)("span", {
           className: getCls('logo'),
           children: logoDom
@@ -64570,7 +64594,7 @@ function LoginFormPage(props) {
       hashId = _useStyle.hashId;
 
   var getCls = function getCls(className) {
-    return "".concat(baseClassName, "-").concat(className);
+    return "".concat(baseClassName, "-").concat(className, " ").concat(hashId);
   };
   /** 生成logo 的dom，如果是string 设置为图片 如果是个 dom 就原样保留 */
 
@@ -79165,7 +79189,7 @@ var BaseProLayout = function BaseProLayout(props) {
       }) : (0,jsx_runtime.jsxs)("div", {
         className: className,
         children: [(0,jsx_runtime.jsx)("div", {
-          className: "".concat(proLayoutClassName, "-bg-list"),
+          className: "".concat(proLayoutClassName, "-bg-list ").concat(hashId),
           children: bgImgStyleList
         }), (0,jsx_runtime.jsxs)(external_antd_.Layout, {
           style: objectSpread2_objectSpread2({
@@ -79173,7 +79197,7 @@ var BaseProLayout = function BaseProLayout(props) {
           }, style),
           children: [siderMenuDom, (0,jsx_runtime.jsxs)("div", {
             style: genLayoutStyle,
-            className: "".concat(proLayoutClassName, "-container"),
+            className: "".concat(proLayoutClassName, "-container ").concat(hashId),
             children: [headerDom, (0,jsx_runtime.jsx)(WrapContent, objectSpread2_objectSpread2(objectSpread2_objectSpread2({
               hasPageContainer: hasPageContainer,
               isChildrenLayout: isChildrenLayout
@@ -83922,6 +83946,16 @@ var ListToolBar = function ListToolBar(_ref2) {
       _ref2$tabs = _ref2.tabs,
       tabs = _ref2$tabs === void 0 ? {} : _ref2$tabs,
       menu = _ref2.menu;
+
+  var _useContext = (0,external_React_.useContext)(external_antd_.ConfigProvider.ConfigContext),
+      getPrefixCls = _useContext.getPrefixCls;
+
+  var prefixCls = getPrefixCls('pro-table-list-toolbar', customizePrefixCls);
+
+  var _useStyle = ListToolBar_style_useStyle(prefixCls),
+      wrapSSR = _useStyle.wrapSSR,
+      hashId = _useStyle.hashId;
+
   var intl = useIntl();
   var colSize = use_media_antd_query_es();
   var isMobile = colSize === 'sm' || colSize === 'xs';
@@ -83959,20 +83993,15 @@ var ListToolBar = function ListToolBar(_ref2) {
       }
     }));
   }, [placeholder, _onSearch, search]);
-
-  var _useContext = (0,external_React_.useContext)(external_antd_.ConfigProvider.ConfigContext),
-      getPrefixCls = _useContext.getPrefixCls;
-
-  var prefixCls = getPrefixCls('pro-table-list-toolbar', customizePrefixCls);
   /** 轻量筛选组件 */
 
   var filtersNode = (0,external_React_.useMemo)(function () {
     if (filter) return (0,jsx_runtime.jsx)("div", {
-      className: "".concat(prefixCls, "-filter"),
+      className: "".concat(prefixCls, "-filter ").concat(hashId),
       children: filter
     });
     return null;
-  }, [filter, prefixCls]);
+  }, [filter, hashId, prefixCls]);
   /** 有没有 title，需要结合多个场景判断 */
 
   var hasTitle = (0,external_React_.useMemo)(function () {
@@ -84016,16 +84045,16 @@ var ListToolBar = function ListToolBar(_ref2) {
     // 保留dom是为了占位，不然 right 就变到左边了
     if (!hasLeft && hasRight) {
       return (0,jsx_runtime.jsx)("div", {
-        className: "".concat(prefixCls, "-left")
+        className: "".concat(prefixCls, "-left ").concat(hashId)
       });
     } // 减少 space 的dom，渲染的时候能节省点性能
 
 
     if (!menu && (hasTitle || !searchNode)) {
       return (0,jsx_runtime.jsx)("div", {
-        className: "".concat(prefixCls, "-left"),
+        className: "".concat(prefixCls, "-left ").concat(hashId),
         children: (0,jsx_runtime.jsx)("div", {
-          className: "".concat(prefixCls, "-title"),
+          className: "".concat(prefixCls, "-title ").concat(hashId),
           children: (0,jsx_runtime.jsx)(LabelIconTip, {
             tooltip: tooltip,
             label: title,
@@ -84036,9 +84065,9 @@ var ListToolBar = function ListToolBar(_ref2) {
     }
 
     return (0,jsx_runtime.jsxs)(external_antd_.Space, {
-      className: "".concat(prefixCls, "-left"),
+      className: "".concat(prefixCls, "-left ").concat(hashId),
       children: [hasTitle && !menu && (0,jsx_runtime.jsx)("div", {
-        className: "".concat(prefixCls, "-title"),
+        className: "".concat(prefixCls, "-title ").concat(hashId),
         children: (0,jsx_runtime.jsx)(LabelIconTip, {
           tooltip: tooltip,
           label: title,
@@ -84047,50 +84076,45 @@ var ListToolBar = function ListToolBar(_ref2) {
       }), menu && (0,jsx_runtime.jsx)(ListToolBar_HeaderMenu, objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, menu), {}, {
         prefixCls: prefixCls
       })), !hasTitle && searchNode ? (0,jsx_runtime.jsx)("div", {
-        className: "".concat(prefixCls, "-search"),
+        className: "".concat(prefixCls, "-search ").concat(hashId),
         children: searchNode
       }) : null]
     });
-  }, [hasLeft, hasRight, hasTitle, menu, prefixCls, searchNode, subTitle, title, tooltip]);
+  }, [hasLeft, hasRight, hasTitle, hashId, menu, prefixCls, searchNode, subTitle, title, tooltip]);
   var rightTitleDom = (0,external_React_.useMemo)(function () {
     if (!hasRight) return null;
     return (0,jsx_runtime.jsxs)(external_antd_.Space, {
-      className: "".concat(prefixCls, "-right"),
+      className: "".concat(prefixCls, "-right ").concat(hashId),
       direction: isMobile ? 'vertical' : 'horizontal',
       size: 16,
       align: isMobile ? 'end' : 'center',
       children: [hasTitle && searchNode ? (0,jsx_runtime.jsx)("div", {
-        className: "".concat(prefixCls, "-search"),
+        className: "".concat(prefixCls, "-search ").concat(hashId),
         children: searchNode
       }) : null, !multipleLine ? filtersNode : null, actionDom, (settings === null || settings === void 0 ? void 0 : settings.length) ? (0,jsx_runtime.jsx)(external_antd_.Space, {
         size: 12,
         align: "center",
-        className: "".concat(prefixCls, "-setting-items"),
+        className: "".concat(prefixCls, "-setting-items ").concat(hashId),
         children: settings.map(function (setting, index) {
           var settingItem = getSettingItem(setting);
           return (// eslint-disable-next-line react/no-array-index-key
             (0,jsx_runtime.jsx)("div", {
-              className: "".concat(prefixCls, "-setting-item"),
+              className: "".concat(prefixCls, "-setting-item ").concat(hashId),
               children: settingItem
             }, index)
           );
         })
       }) : null]
     });
-  }, [actionDom, isMobile, filtersNode, hasRight, hasTitle, multipleLine, prefixCls, searchNode, settings]);
+  }, [hasRight, prefixCls, hashId, isMobile, hasTitle, searchNode, multipleLine, filtersNode, actionDom, settings]);
   var titleNode = (0,external_React_.useMemo)(function () {
     if (!hasRight && !hasLeft) return null;
-    var containerClassName = classnames_default()("".concat(prefixCls, "-container"), defineProperty_defineProperty({}, "".concat(prefixCls, "-container-mobile"), isMobile));
+    var containerClassName = classnames_default()("".concat(prefixCls, "-container"), hashId, defineProperty_defineProperty({}, "".concat(prefixCls, "-container-mobile"), isMobile));
     return (0,jsx_runtime.jsxs)("div", {
       className: containerClassName,
       children: [leftTitleDom, rightTitleDom]
     });
-  }, [hasLeft, hasRight, isMobile, leftTitleDom, prefixCls, rightTitleDom]);
-
-  var _useStyle = ListToolBar_style_useStyle(prefixCls),
-      wrapSSR = _useStyle.wrapSSR,
-      hashId = _useStyle.hashId;
-
+  }, [hasLeft, hasRight, hashId, isMobile, leftTitleDom, prefixCls, rightTitleDom]);
   return wrapSSR((0,jsx_runtime.jsxs)("div", {
     style: style,
     className: classnames_default()(prefixCls, hashId, className),
@@ -105082,6 +105106,7 @@ var es_Item_excluded = ["title", "subTitle", "content", "itemTitleRender", "pref
 
 
 
+
 function Item_renderExpandIcon(_ref) {
   var _classNames;
 
@@ -105122,6 +105147,9 @@ function ProListItem(props) {
   var _useContext = (0,external_React_.useContext)(external_antd_.ConfigProvider.ConfigContext),
       getPrefixCls = _useContext.getPrefixCls;
 
+  var _useToken = useStyle_useToken(),
+      hashId = _useToken.hashId;
+
   var prefixCls = getPrefixCls('pro-list', customizePrefixCls);
   var defaultClassName = "".concat(prefixCls, "-row");
 
@@ -105175,8 +105203,8 @@ function ProListItem(props) {
       expanded = _useMergedState2[0],
       onExpand = _useMergedState2[1];
 
-  var className = classnames_default()((_classNames2 = {}, defineProperty_defineProperty(_classNames2, "".concat(defaultClassName, "-selected"), !cardProps && selected), defineProperty_defineProperty(_classNames2, "".concat(defaultClassName, "-show-action-hover"), showActions === 'hover'), defineProperty_defineProperty(_classNames2, "".concat(defaultClassName, "-type-").concat(type), !!type), defineProperty_defineProperty(_classNames2, "".concat(defaultClassName, "-editable"), isEditable), defineProperty_defineProperty(_classNames2, "".concat(defaultClassName, "-show-extra-hover"), showExtra === 'hover'), _classNames2), defaultClassName);
-  var extraClassName = classnames_default()(defineProperty_defineProperty({}, "".concat(propsClassName, "-extra"), showExtra === 'hover'));
+  var className = classnames_default()((_classNames2 = {}, defineProperty_defineProperty(_classNames2, "".concat(defaultClassName, "-selected"), !cardProps && selected), defineProperty_defineProperty(_classNames2, "".concat(defaultClassName, "-show-action-hover"), showActions === 'hover'), defineProperty_defineProperty(_classNames2, "".concat(defaultClassName, "-type-").concat(type), !!type), defineProperty_defineProperty(_classNames2, "".concat(defaultClassName, "-editable"), isEditable), defineProperty_defineProperty(_classNames2, "".concat(defaultClassName, "-show-extra-hover"), showExtra === 'hover'), _classNames2), hashId, defaultClassName);
+  var extraClassName = classnames_default()(hashId, defineProperty_defineProperty({}, "".concat(propsClassName, "-extra"), showExtra === 'hover'));
   var needExpanded = expanded || Object.values(expandableConfig || {}).length === 0;
   var expandedRowDom = expandedRowRender && expandedRowRender(record, index, indentSize, expanded);
   var extraDom = (0,external_React_.useMemo)(function () {
@@ -105204,12 +105232,12 @@ function ProListItem(props) {
     }, "action")];
   }, [actions, cardActionProps]);
   var titleDom = title || subTitle ? (0,jsx_runtime.jsxs)("div", {
-    className: "".concat(className, "-header-title"),
+    className: "".concat(className, "-header-title ").concat(hashId),
     children: [title && (0,jsx_runtime.jsx)("div", {
-      className: "".concat(className, "-title"),
+      className: "".concat(className, "-title ").concat(hashId),
       children: title
     }), subTitle && (0,jsx_runtime.jsx)("div", {
-      className: "".concat(className, "-subTitle"),
+      className: "".concat(className, "-subTitle ").concat(hashId),
       children: subTitle
     })]
   }) : null;
@@ -105218,27 +105246,27 @@ function ProListItem(props) {
     avatar: avatar,
     title: metaTitle,
     description: description && needExpanded && (0,jsx_runtime.jsx)("div", {
-      className: "".concat(className, "-description"),
+      className: "".concat(className, "-description ").concat(hashId),
       children: description
     })
   }) : null;
-  var rowClassName = classnames_default()((_classNames4 = {}, defineProperty_defineProperty(_classNames4, "".concat(className, "-item-has-checkbox"), checkbox), defineProperty_defineProperty(_classNames4, "".concat(className, "-item-has-avatar"), avatar), defineProperty_defineProperty(_classNames4, className, className), _classNames4));
+  var rowClassName = classnames_default()(hashId, (_classNames4 = {}, defineProperty_defineProperty(_classNames4, "".concat(className, "-item-has-checkbox"), checkbox), defineProperty_defineProperty(_classNames4, "".concat(className, "-item-has-avatar"), avatar), defineProperty_defineProperty(_classNames4, className, className), _classNames4));
   var cardTitleDom = (0,external_React_.useMemo)(function () {
     if (avatar || title) {
       return (0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
         children: [avatar && (0,jsx_runtime.jsx)(external_antd_.Avatar, {
           size: 22,
           src: avatar,
-          className: getPrefixCls('list-item-meta-avatar')
+          className: "".concat(getPrefixCls('list-item-meta-avatar'), " ").concat(hashId)
         }), (0,jsx_runtime.jsx)("span", {
-          className: getPrefixCls('list-item-meta-title'),
+          className: "".concat(getPrefixCls('list-item-meta-title'), " ").concat(hashId),
           children: title
         })]
       });
     }
 
     return null;
-  }, [avatar, getPrefixCls, title]);
+  }, [avatar, getPrefixCls, hashId, title]);
   var defaultDom = !cardProps ? (0,jsx_runtime.jsx)(external_antd_.List.Item, objectSpread2_objectSpread2(objectSpread2_objectSpread2(objectSpread2_objectSpread2(objectSpread2_objectSpread2({
     className: classnames_default()(rowClassName, defineProperty_defineProperty({}, propsClassName, propsClassName !== defaultClassName))
   }, rest), {}, {
@@ -105264,11 +105292,11 @@ function ProListItem(props) {
       loading: loading,
       active: true,
       children: [(0,jsx_runtime.jsxs)("div", {
-        className: "".concat(className, "-header"),
+        className: "".concat(className, "-header ").concat(hashId),
         children: [(0,jsx_runtime.jsxs)("div", {
-          className: "".concat(className, "-header-option"),
+          className: "".concat(className, "-header-option ").concat(hashId),
           children: [!!checkbox && (0,jsx_runtime.jsx)("div", {
-            className: "".concat(className, "-checkbox"),
+            className: "".concat(className, "-checkbox ").concat(hashId),
             children: checkbox
           }), Object.values(expandableConfig || {}).length > 0 && rowSupportExpand && Item_renderExpandIcon({
             prefixCls: prefixCls,
@@ -105279,7 +105307,7 @@ function ProListItem(props) {
           })]
         }), (_ref4 = itemHeaderRender && (itemHeaderRender === null || itemHeaderRender === void 0 ? void 0 : itemHeaderRender(record, index, metaDom))) !== null && _ref4 !== void 0 ? _ref4 : metaDom]
       }), needExpanded && (content || expandedRowDom) && (0,jsx_runtime.jsxs)("div", {
-        className: "".concat(className, "-content"),
+        className: "".concat(className, "-content ").concat(hashId),
         children: [content, expandedRowRender && rowSupportExpand && (0,jsx_runtime.jsx)("div", {
           className: expandedRowClassName && expandedRowClassName(record, index, indentSize),
           children: expandedRowDom
@@ -105305,7 +105333,7 @@ function ProListItem(props) {
       loading: loading,
       active: true,
       children: (0,jsx_runtime.jsxs)("div", {
-        className: "".concat(className, "-header"),
+        className: "".concat(className, "-header ").concat(hashId),
         children: [itemTitleRender && (itemTitleRender === null || itemTitleRender === void 0 ? void 0 : itemTitleRender(record, index, titleDom)), content]
       })
     })
@@ -105316,7 +105344,7 @@ function ProListItem(props) {
   }
 
   return (0,jsx_runtime.jsx)("div", {
-    className: classnames_default()((_classNames6 = {}, defineProperty_defineProperty(_classNames6, "".concat(className, "-card"), cardProps), defineProperty_defineProperty(_classNames6, propsClassName, propsClassName !== defaultClassName), _classNames6)),
+    className: classnames_default()(hashId, (_classNames6 = {}, defineProperty_defineProperty(_classNames6, "".concat(className, "-card"), cardProps), defineProperty_defineProperty(_classNames6, propsClassName, propsClassName !== defaultClassName), _classNames6)),
     style: style,
     children: defaultDom
   });
@@ -105340,6 +105368,7 @@ var ListView_excluded = ["dataSource", "columns", "rowKey", "showActions", "show
 
 
 
+
 function ListView(props) {
   var dataSource = props.dataSource,
       columns = props.columns,
@@ -105360,6 +105389,9 @@ function ListView(props) {
       rowClassName = props.rowClassName,
       rest = objectWithoutProperties_objectWithoutProperties(props, ListView_excluded);
 
+  var _useToken = useStyle_useToken(),
+      hashId = _useToken.hashId;
+
   var _useContext = (0,external_React_.useContext)(external_antd_.ConfigProvider.ConfigContext),
       getPrefixCls = _useContext.getPrefixCls;
 
@@ -105473,7 +105505,7 @@ function ListView(props) {
 
   var selectItemDom = selectItemRender([])[0];
   return (0,jsx_runtime.jsx)(external_antd_.List, objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, rest), {}, {
-    className: classnames_default()(getPrefixCls('pro-list-container', customizePrefixCls), rest.className),
+    className: classnames_default()(getPrefixCls('pro-list-container', customizePrefixCls), hashId, rest.className),
     dataSource: pageData,
     pagination: pagination && mergedPagination,
     renderItem: function renderItem(item, index) {
@@ -105924,17 +105956,17 @@ function BaseProList(props) {
 /* harmony default export */ var list_es = ((/* unused pure expression or super */ null && (ProList)));
 ;// CONCATENATED MODULE: ./packages/components/src/version.ts
 var version_version = {
-  "@ant-design/pro-card": "2.0.0-experimental.21",
-  "@ant-design/pro-components": "2.1.2",
-  "@ant-design/pro-descriptions": "2.0.0-experimental.22",
-  "@ant-design/pro-field": "2.0.0-experimental.21",
-  "@ant-design/pro-form": "2.0.0-experimental.22",
-  "@ant-design/pro-layout": "7.0.0-experimental.33",
-  "@ant-design/pro-list": "2.0.0-experimental.23",
-  "@ant-design/pro-provider": "2.0.0-experimental.13",
+  "@ant-design/pro-card": "2.0.0-experimental.22",
+  "@ant-design/pro-components": "2.2.0",
+  "@ant-design/pro-descriptions": "2.0.0-experimental.23",
+  "@ant-design/pro-field": "2.0.0-experimental.22",
+  "@ant-design/pro-form": "2.0.0-experimental.23",
+  "@ant-design/pro-layout": "7.0.0-experimental.34",
+  "@ant-design/pro-list": "2.0.0-experimental.24",
+  "@ant-design/pro-provider": "2.0.0-experimental.14",
   "@ant-design/pro-skeleton": "2.0.0-experimental.9",
-  "@ant-design/pro-table": "3.0.0-experimental.23",
-  "@ant-design/pro-utils": "2.0.0-experimental.20"
+  "@ant-design/pro-table": "3.0.0-experimental.24",
+  "@ant-design/pro-utils": "2.0.0-experimental.21"
 };
 ;// CONCATENATED MODULE: ./packages/components/src/index.tsx