@ant-design/pro-components 2.3.6 → 2.3.7

package/dist/components.js

@@ -24975,6 +24975,7 @@ __webpack_require__.d(__webpack_exports__, {
   "useMountMergeState": function() { return /* reexport */ useMergedState/* default */.Z; },
   "usePrevious": function() { return /* reexport */ usePrevious; },
   "useRefFunction": function() { return /* reexport */ useRefFunction; },
+  "useSafeState": function() { return /* reexport */ useSafeState; },
   "useStyle": function() { return /* reexport */ useStyle; },
   "useToken": function() { return /* reexport */ useStyle_useToken; },
   "version": function() { return /* reexport */ version_version; },
@@ -32560,7 +32561,7 @@ var FilterDropdown = function FilterDropdown(props) {
       wrapSSR = _useStyle.wrapSSR,
       hashId = _useStyle.hashId;
 
-  var dropdownOpenProps = compareVersions(external_antd_.version, '4.23.0') ? {
+  var dropdownOpenProps = compareVersions(external_antd_.version, '4.23.0') > -1 ? {
     visible: open || visible,
     onVisibleChange: onOpenChange || onVisibleChange
   } : {
@@ -32745,7 +32746,7 @@ var InlineErrorFormItemPopover = function InlineErrorFormItemPopover(_ref) {
       setErrorList(inputProps.errors);
     }
   }, [inputProps.errors, inputProps.validateStatus]);
-  var drawerOpenProps = compareVersions(external_antd_.version, '4.23.0') ? {
+  var drawerOpenProps = compareVersions(external_antd_.version, '4.23.0') > -1 ? {
     open: errorStringList.length < 1 ? false : open,
     onOpenChange: function onOpenChange(changeOpen) {
       if (changeOpen === open) return;
@@ -35560,6 +35561,40 @@ function useEditableMap(props) {
     cancelEditable: cancelEditable
   };
 }
+;// CONCATENATED MODULE: ./packages/utils/es/useSafeState/index.js
+
+
+/**
+ * Same as React.useState but `setState` accept `ignoreDestroy` param to not to setState after destroyed.
+ * We do not make this auto is to avoid real memory leak.
+ * Developer should confirm it's safe to ignore themselves.
+ */
+
+function useSafeState(defaultValue) {
+  var destroyRef = external_React_.useRef(false);
+
+  var _React$useState = external_React_.useState(defaultValue),
+      _React$useState2 = slicedToArray_slicedToArray(_React$useState, 2),
+      value = _React$useState2[0],
+      setValue = _React$useState2[1];
+
+  external_React_.useEffect(function () {
+    destroyRef.current = false;
+    return function () {
+      destroyRef.current = true;
+    };
+  }, []);
+
+  function safeSetState(updater, ignoreDestroy) {
+    if (ignoreDestroy && destroyRef.current) {
+      return;
+    }
+
+    setValue(updater);
+  }
+
+  return [value, safeSetState];
+}
 ;// CONCATENATED MODULE: ./packages/utils/es/index.js
 
 
@@ -35603,6 +35638,7 @@ function useEditableMap(props) {
 
 
 
+
 
 
 ;// CONCATENATED MODULE: ./node_modules/omit.js/es/index.js
@@ -35957,9 +35993,9 @@ var CheckCard_style_genProStyle = function genProStyle(token) {
       width: 0,
       height: 0,
       border: "6px solid ".concat(token.colorPrimary),
-      borderBottom: '6px solid transparent',
-      borderLeft: '6px solid transparent',
-      borderTopRightRadius: '2px',
+      borderBlockEnd: '6px solid transparent',
+      borderInlineStart: '6px solid transparent',
+      borderStartEndRadius: '2px',
       content: "''"
     }
   })), defineProperty_defineProperty(_token$componentCls, '&-disabled', proCheckCardDisabled(token)), defineProperty_defineProperty(_token$componentCls, '&[disabled]', proCheckCardDisabled(token)), defineProperty_defineProperty(_token$componentCls, '&-lg', {
@@ -52312,7 +52348,7 @@ function DrawerForm(_ref) {
       return _ref3.apply(this, arguments);
     };
   }());
-  var drawerOpenProps = compareVersions(external_antd_.version, '4.23.0') ? {
+  var drawerOpenProps = compareVersions(external_antd_.version, '4.23.0') > -1 ? {
     open: open,
     onOpenChange: onVisibleChange
   } : {
@@ -52951,7 +52987,7 @@ function ModalForm(_ref) {
       return _ref5.apply(this, arguments);
     };
   }(), [onFinish, setOpen, submitTimeout]);
-  var modalOpenProps = compareVersions(external_antd_.version, '4.23.0') ? {
+  var modalOpenProps = compareVersions(external_antd_.version, '4.23.0') > -1 ? {
     open: open
   } : {
     visible: open
@@ -58390,7 +58426,7 @@ var ListSkeleton = function ListSkeleton(_ref4) {
     }), actionButton !== false && (0,jsx_runtime.jsx)(external_antd_.Card, {
       bordered: false,
       style: {
-        borderTopRightRadius: 0,
+        borderStartEndRadius: 0,
         borderTopLeftRadius: 0
       },
       bodyStyle: {
@@ -58773,7 +58809,7 @@ var DescriptionsSkeleton = function DescriptionsSkeleton(_ref5) {
   return (0,jsx_runtime.jsxs)(external_antd_.Card, {
     bordered: false,
     style: {
-      borderTopRightRadius: 0,
+      borderStartEndRadius: 0,
       borderTopLeftRadius: 0
     },
     children: [(0,jsx_runtime.jsx)(external_antd_.Skeleton.Button, {
@@ -59740,8 +59776,6 @@ var ArrowLeftOutlined_default = /*#__PURE__*/__webpack_require__.n(ArrowLeftOutl
 // EXTERNAL MODULE: ./node_modules/@ant-design/icons/ArrowRightOutlined.js
 var ArrowRightOutlined = __webpack_require__(2406);
 var ArrowRightOutlined_default = /*#__PURE__*/__webpack_require__.n(ArrowRightOutlined);
-// EXTERNAL MODULE: ./node_modules/rc-util/lib/hooks/useState.js
-var hooks_useState = __webpack_require__(8594);
 ;// CONCATENATED MODULE: ./packages/layout/es/components/PageHeader/style/index.js
 
 
@@ -59994,10 +60028,10 @@ var renderChildren = function renderChildren(prefixCls, children, hashId) {
 var PageHeader = function PageHeader(props) {
   var _breadcrumbRender, _classNames;
 
-  var _useState = (0,hooks_useState["default"])(false),
-      _useState2 = slicedToArray_slicedToArray(_useState, 2),
-      compact = _useState2[0],
-      updateCompact = _useState2[1];
+  var _useSafeState = useSafeState(false),
+      _useSafeState2 = slicedToArray_slicedToArray(_useSafeState, 2),
+      compact = _useSafeState2[0],
+      updateCompact = _useSafeState2[1];
 
   var onResize = function onResize(_ref) {
     var width = _ref.width;
@@ -61391,7 +61425,7 @@ var AppsLogoComponents = function AppsLogoComponents(props) {
     });
   }, [appList, baseClassName, hashId]);
   if (!(props === null || props === void 0 ? void 0 : (_props$appList = props.appList) === null || _props$appList === void 0 ? void 0 : _props$appList.length)) return null;
-  var popoverOpenProps = compareVersions(external_antd_.version, '4.23.0') ? {
+  var popoverOpenProps = compareVersions(external_antd_.version, '4.23.0') > -1 ? {
     onOpenChange: setOpen
   } : {
     onVisibleChange: function onVisibleChange() {
@@ -61769,7 +61803,13 @@ var genProLayoutBaseMenuStyle = function genProLayoutBaseMenuStyle(token) {
     borderRadius: token.radiusBase
   }), defineProperty_defineProperty(_collapsed, "".concat(token.componentCls, "-group"), defineProperty_defineProperty({}, "".concat(token.antCls, "-menu-item-group-title"), {
     paddingInline: 0
-  })), _collapsed)), defineProperty_defineProperty(_$concat4, '& &-item-title', defineProperty_defineProperty({
+  })), _collapsed)), defineProperty_defineProperty(_$concat4, "".concat(token.componentCls, "-item-icon"), {
+    height: '14px',
+    '.anticon': {
+      lineHeight: '14px',
+      height: '14px'
+    }
+  }), defineProperty_defineProperty(_$concat4, '& &-item-title', defineProperty_defineProperty({
     display: 'flex',
     flexDirection: 'row',
     alignItems: 'center',
@@ -61866,15 +61906,12 @@ var getIcon = function getIcon(icon) {
 
   if (typeof icon === 'string' && icon !== '') {
     if (isUrl(icon) || isImg(icon)) {
-      return (0,jsx_runtime.jsx)(components_Icon, {
-        component: function component() {
-          return (0,jsx_runtime.jsx)("img", {
-            src: icon,
-            alt: "icon",
-            className: className
-          });
-        }
-      });
+      return (0,jsx_runtime.jsx)("img", {
+        width: 16,
+        src: icon,
+        alt: "icon",
+        className: className
+      }, icon);
     }
 
     if (icon.startsWith(iconPrefixes)) {
@@ -61937,7 +61974,7 @@ var MenuUtil = /*#__PURE__*/_createClass(function MenuUtil(props) {
 
       var shouldHasIcon = level === 0 || isGroup && level === 1; //  get defaultTitle by menuItemRender
 
-      var iconDom = getIcon(item.icon, iconPrefixes, "".concat(baseClassName, "-icon ").concat((_this$props2 = _this.props) === null || _this$props2 === void 0 ? void 0 : _this$props2.hashId));
+      var iconDom = getIcon(item.icon, iconPrefixes, "action ".concat(baseClassName, "-icon ").concat((_this$props2 = _this.props) === null || _this$props2 === void 0 ? void 0 : _this$props2.hashId));
       /**
        * 如果没有icon在收起的时候用首字母代替
        */
@@ -62054,7 +62091,7 @@ var MenuUtil = /*#__PURE__*/_createClass(function MenuUtil(props) {
         className: classnames_default()("".concat(baseClassName, "-item-text"), (_this$props12 = _this.props) === null || _this$props12 === void 0 ? void 0 : _this$props12.hashId, defineProperty_defineProperty({}, "".concat(baseClassName, "-item-text-has-icon"), hasIcon && (icon || defaultIcon))),
         children: name
       })]
-    });
+    }, itemPath);
 
     var isHttpUrl = isUrl(itemPath); // Is it a http link
 
@@ -62076,7 +62113,7 @@ var MenuUtil = /*#__PURE__*/_createClass(function MenuUtil(props) {
           className: classnames_default()("".concat(baseClassName, "-item-text"), (_this$props15 = _this.props) === null || _this$props15 === void 0 ? void 0 : _this$props15.hashId, defineProperty_defineProperty({}, "".concat(baseClassName, "-item-text-has-icon"), hasIcon && (icon || defaultIcon))),
           children: name
         })]
-      });
+      }, itemPath);
     }
 
     if (menuItemRender) {
@@ -62941,8 +62978,8 @@ var TopNavHeader = function TopNavHeader(props) {
         hashed: ((_process$env$NODE_ENV = "production") === null || _process$env$NODE_ENV === void 0 ? void 0 : _process$env$NODE_ENV.toLowerCase()) !== 'test',
         override: {
           Menu: {
-            colorItemBg: 'transparent',
-            colorSubItemBg: 'transparent',
+            colorItemBg: header.colorBgHeader || 'transparent',
+            colorSubItemBg: header.colorBgHeader || 'transparent',
             radiusItem: 4,
             colorItemBgSelected: header.colorBgMenuItemSelected || 'rgba(0, 0, 0, 0.04)',
             colorItemBgActive: header.colorBgMenuItemHover || 'rgba(0, 0, 0, 0.04)',
@@ -62975,7 +63012,7 @@ var TopNavHeader = function TopNavHeader(props) {
     }
 
     return defaultDom;
-  }, [hashId, header.colorBgMenuItemHover, header.colorBgMenuItemSelected, header.colorTextMenu, header.colorTextMenuActive, header.colorTextMenuSelected, headerContentRender, prefixCls, props]);
+  }, [hashId, header.colorBgHeader, header.colorBgMenuItemHover, header.colorBgMenuItemSelected, header.colorTextMenu, header.colorTextMenuActive, header.colorTextMenuSelected, headerContentRender, prefixCls, props]);
   return wrapSSR((0,jsx_runtime.jsx)("div", {
     className: classnames_default()(prefixCls, hashId, propsClassName, defineProperty_defineProperty({}, "".concat(prefixCls, "-light"), true)),
     style: style,
@@ -63032,7 +63069,7 @@ var genGlobalHeaderStyle = function genGlobalHeaderStyle(token) {
     marginInlineEnd: 16
   }), defineProperty_defineProperty(_token$componentCls, '&-collapsed-button', {
     minHeight: '22px',
-    color: token.colorTextHeading,
+    color: token.colorHeaderTitle,
     fontSize: '22px',
     marginInlineStart: '16px'
   }), defineProperty_defineProperty(_token$componentCls, '&-logo', {
@@ -63076,7 +63113,8 @@ function GlobalHeader_style_useStyle(prefixCls) {
   return useStyle('pro-layout-global-header', function (token) {
     var GlobalHeaderToken = objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, token), {}, {
       componentCls: ".".concat(prefixCls),
-      heightLayoutHeader: header.heightLayoutHeader
+      heightLayoutHeader: header.heightLayoutHeader,
+      colorHeaderTitle: header.colorHeaderTitle
     });
 
     return [genGlobalHeaderStyle(GlobalHeaderToken)];
@@ -64700,7 +64738,7 @@ var SettingDrawer = function SettingDrawer(props) {
       wrapSSR = _useStyle.wrapSSR,
       hashId = _useStyle.hashId;
 
-  var drawerOpenProps = compareVersions(external_antd_.version, '4.23.0') ? {
+  var drawerOpenProps = compareVersions(external_antd_.version, '4.23.0') > -1 ? {
     open: open,
     onClose: function onClose() {
       return setOpen(false);
@@ -67250,7 +67288,7 @@ var SiderMenuWrapper = function SiderMenuWrapper(props) {
     return null;
   }
 
-  var drawerOpenProps = compareVersions(external_antd_.version, '4.23.0') ? {
+  var drawerOpenProps = compareVersions(external_antd_.version, '4.23.0') > -1 ? {
     open: !collapsed,
     onClose: function onClose() {
       return onCollapse === null || onCollapse === void 0 ? void 0 : onCollapse(true);
@@ -80138,7 +80176,7 @@ function conductCheck(keyList, checked, keyEntities, getCheckDisabled) {
  * Developer should confirm it's safe to ignore themselves.
  */
 
-function useSafeState(defaultValue) {
+function useState_useSafeState(defaultValue) {
   var destroyRef = external_React_.useRef(false);
 
   var _React$useState = external_React_.useState(defaultValue),
@@ -80195,7 +80233,7 @@ function useMergedState_useMergedState(defaultStateValue, option) {
       postState = _ref.postState; // ======================= Init =======================
 
 
-  var _useState = useSafeState(function () {
+  var _useState = useState_useSafeState(function () {
     var finalValue = undefined;
     var source;
 
@@ -82085,7 +82123,7 @@ function isActive(step) {
   return step === STEP_ACTIVE || step === STEP_ACTIVATED;
 }
 /* harmony default export */ var useStepQueue = (function (status, callback) {
-  var _useState = useSafeState(STEP_NONE),
+  var _useState = useState_useSafeState(STEP_NONE),
       _useState2 = slicedToArray_slicedToArray(_useState, 2),
       step = _useState2[0],
       setStep = _useState2[1];
@@ -82211,17 +82249,17 @@ function useStatus(supportMotion, visible, getElement, _ref) {
       onLeaveEnd = _ref.onLeaveEnd,
       onVisibleChanged = _ref.onVisibleChanged; // Used for outer render usage to avoid `visible: false & status: none` to render nothing
 
-  var _useState = useSafeState(),
+  var _useState = useState_useSafeState(),
       _useState2 = slicedToArray_slicedToArray(_useState, 2),
       asyncVisible = _useState2[0],
       setAsyncVisible = _useState2[1];
 
-  var _useState3 = useSafeState(STATUS_NONE),
+  var _useState3 = useState_useSafeState(STATUS_NONE),
       _useState4 = slicedToArray_slicedToArray(_useState3, 2),
       status = _useState4[0],
       setStatus = _useState4[1];
 
-  var _useState5 = useSafeState(null),
+  var _useState5 = useState_useSafeState(null),
       _useState6 = slicedToArray_slicedToArray(_useState5, 2),
       style = _useState6[0],
       setStyle = _useState6[1];
@@ -84549,7 +84587,7 @@ RcAlign.displayName = 'Align';
 
 var StatusQueue = ['measure', 'alignPre', 'align', null, 'motion'];
 /* harmony default export */ var useVisibleStatus = (function (visible, doMeasure) {
-  var _useState = useSafeState(null),
+  var _useState = useState_useSafeState(null),
       _useState2 = slicedToArray_slicedToArray(_useState, 2),
       status = _useState2[0],
       setInternalStatus = _useState2[1];
@@ -90152,7 +90190,7 @@ Item.displayName = 'Item';
  */
 
 function useBatchFrameState() {
-  var _useState = useSafeState({}),
+  var _useState = useState_useSafeState({}),
       _useState2 = slicedToArray_slicedToArray(_useState, 2),
       forceUpdate = _useState2[1];
 
@@ -97094,17 +97132,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.3",
-  "@ant-design/pro-components": "2.3.5",
-  "@ant-design/pro-descriptions": "2.0.4",
-  "@ant-design/pro-field": "2.0.4",
-  "@ant-design/pro-form": "2.0.4",
-  "@ant-design/pro-layout": "7.0.3",
-  "@ant-design/pro-list": "2.0.4",
-  "@ant-design/pro-provider": "2.0.2",
+  "@ant-design/pro-card": "2.0.4",
+  "@ant-design/pro-components": "2.3.6",
+  "@ant-design/pro-descriptions": "2.0.5",
+  "@ant-design/pro-field": "2.0.5",
+  "@ant-design/pro-form": "2.0.5",
+  "@ant-design/pro-layout": "7.0.4",
+  "@ant-design/pro-list": "2.0.5",
+  "@ant-design/pro-provider": "2.0.3",
   "@ant-design/pro-skeleton": "2.0.2",
-  "@ant-design/pro-table": "3.0.4",
-  "@ant-design/pro-utils": "2.0.2"
+  "@ant-design/pro-table": "3.0.5",
+  "@ant-design/pro-utils": "2.0.3"
 };
 ;// CONCATENATED MODULE: ./packages/components/src/index.tsx