@ant-design/pro-components 2.3.14 → 2.3.16

package/dist/components.js

@@ -24905,6 +24905,7 @@ __webpack_require__.d(__webpack_exports__, {
   "ProBreadcrumb": function() { return /* reexport */ ProBreadcrumb; },
   "ProCard": function() { return /* reexport */ es_ProCard; },
   "ProDescriptions": function() { return /* reexport */ ProDescriptions; },
+  "ProField": function() { return /* reexport */ ProField; },
   "ProForm": function() { return /* reexport */ ProForm; },
   "ProFormCaptcha": function() { return /* reexport */ Captcha; },
   "ProFormCascader": function() { return /* reexport */ components_Cascader; },
@@ -24940,6 +24941,7 @@ __webpack_require__.d(__webpack_exports__, {
   "ProList": function() { return /* reexport */ ProList; },
   "ProPageHeader": function() { return /* reexport */ ProPageHeader; },
   "ProProvider": function() { return /* reexport */ ProProvider; },
+  "ProSkeleton": function() { return /* reexport */ ProSkeleton; },
   "ProTable": function() { return /* reexport */ es_Table; },
   "QueryFilter": function() { return /* reexport */ QueryFilter; },
   "RouteContext": function() { return /* reexport */ RouteContext; },
@@ -28432,7 +28434,7 @@ var CacheClean = function CacheClean() {
 
 
 var ConfigProviderWrap = function ConfigProviderWrap(_ref2) {
-  var _children = _ref2.children,
+  var children = _ref2.children,
       _ref2$autoClearCache = _ref2.autoClearCache,
       autoClearCache = _ref2$autoClearCache === void 0 ? false : _ref2$autoClearCache;
 
@@ -28444,43 +28446,44 @@ var ConfigProviderWrap = function ConfigProviderWrap(_ref2) {
 
   var Provider = locale === undefined ? external_antd_.ConfigProvider : (external_React_default()).Fragment;
   var proProvide = (0,external_React_.useContext)(es_ConfigContext);
+  var proProvideValue = (0,external_React_.useMemo)(function () {
+    var _proProvide$intl;
 
-  var configProviderDom = (0,jsx_runtime.jsx)(ConfigConsumer, {
-    children: function children(value) {
-      var _value$intl, _process$env$NODE_ENV;
+    var localeName = locale === null || locale === void 0 ? void 0 : locale.locale;
+    var key = findIntlKeyByAntdLocaleKey(localeName); // antd 的 key 存在的时候以 antd 的为主
 
-      var localeName = locale === null || locale === void 0 ? void 0 : locale.locale;
-      var key = findIntlKeyByAntdLocaleKey(localeName); // antd 的 key 存在的时候以 antd 的为主
+    var intl = localeName && ((_proProvide$intl = proProvide.intl) === null || _proProvide$intl === void 0 ? void 0 : _proProvide$intl.locale) === 'default' ? intlMap[key] : proProvide.intl || intlMap[key];
+    return objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, proProvide), {}, {
+      isDeps: true,
+      intl: intl || zhCNIntl
+    });
+  }, [locale === null || locale === void 0 ? void 0 : locale.locale, proProvide]);
+  var configProviderDom = (0,external_React_.useMemo)(function () {
+    var _process$env$NODE_ENV; // 自动注入 antd 的配置
 
-      var intl = localeName && ((_value$intl = value.intl) === null || _value$intl === void 0 ? void 0 : _value$intl.locale) === 'default' ? intlMap[key] : value.intl || intlMap[key]; // 自动注入 antd 的配置
 
-      var configProvider = locale === undefined ? {
-        locale: es_locale_zh_CN,
-        theme: {
-          hashed: ((_process$env$NODE_ENV = "production") === null || _process$env$NODE_ENV === void 0 ? void 0 : _process$env$NODE_ENV.toLowerCase()) !== 'test'
-        }
-      } : {};
+    var configProvider = locale === undefined ? {
+      locale: es_locale_zh_CN,
+      theme: {
+        hashed: ((_process$env$NODE_ENV = "production") === null || _process$env$NODE_ENV === void 0 ? void 0 : _process$env$NODE_ENV.toLowerCase()) !== 'test'
+      }
+    } : {};
 
-      var provide = (0,jsx_runtime.jsx)(Provider, objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, configProvider), {}, {
-        children: (0,jsx_runtime.jsx)(ConfigProvider, {
-          value: objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, value), {}, {
-            isDeps: true,
-            intl: intl || zhCNIntl
-          }),
-          children: (0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
-            children: [autoClearCache && (0,jsx_runtime.jsx)(CacheClean, {}), _children]
-          })
+    var provide = (0,jsx_runtime.jsx)(Provider, objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, configProvider), {}, {
+      children: (0,jsx_runtime.jsx)(ConfigProvider, {
+        value: proProvideValue,
+        children: (0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
+          children: [autoClearCache && (0,jsx_runtime.jsx)(CacheClean, {}), children]
         })
-      }));
-
-      if (proProvide.isDeps) return provide;
-      return (0,jsx_runtime.jsx)("div", {
-        className: "".concat((getPrefixCls === null || getPrefixCls === void 0 ? void 0 : getPrefixCls('pro')) || 'ant-pro', " ").concat(token.hashId),
-        children: provide
-      });
-    }
-  });
+      })
+    }));
 
+    if (proProvide.isDeps) return provide;
+    return (0,jsx_runtime.jsx)("div", {
+      className: "".concat((getPrefixCls === null || getPrefixCls === void 0 ? void 0 : getPrefixCls('pro')) || 'ant-pro', " ").concat(token.hashId),
+      children: provide
+    });
+  }, [Provider, autoClearCache, children, getPrefixCls, locale, proProvide.isDeps, proProvideValue, token.hashId]);
   if (!autoClearCache) return configProviderDom;
   return (0,jsx_runtime.jsx)(SWRConfig, {
     value: {
@@ -31683,7 +31686,7 @@ var operationUnit = function operationUnit(token) {
  * @returns {UseStyleResult}
  */
 
-function useStyle(componentName, styleFn) {
+function useStyle(componentName, styleFn, deps) {
   var _useToken = useStyle_useToken(),
       token = _useToken.token,
       hashId = _useToken.hashId,
@@ -31702,7 +31705,7 @@ function useStyle(componentName, styleFn) {
   return {
     wrapSSR: useStyleRegister({
       theme: theme,
-      token: token,
+      token: objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, deps), token),
       hashId: hashId,
       path: [componentName]
     }, function () {
@@ -43517,17 +43520,17 @@ var ObjToMap = function ObjToMap(value) {
  * @param pure 纯净模式，不增加 status
  */
 
-var proFieldParsingText = function proFieldParsingText(text, valueEnumParams) {
+var proFieldParsingText = function proFieldParsingText(text, valueEnumParams, key) {
   if (Array.isArray(text)) {
     return (0,jsx_runtime.jsx)(external_antd_.Space, {
       split: ",",
       size: 2,
-      children: text.map(function (value) {
+      children: text.map(function (value, index) {
         return (// @ts-ignore
-          proFieldParsingText(value, valueEnumParams)
+          proFieldParsingText(value, valueEnumParams, index)
         );
       })
-    });
+    }, key);
   }
 
   var valueEnum = ObjToMap(valueEnumParams);
@@ -43541,7 +43544,9 @@ var proFieldParsingText = function proFieldParsingText(text, valueEnumParams) {
 
   if (!domText) {
     // @ts-ignore
-    return (text === null || text === void 0 ? void 0 : text.label) || text;
+    return (0,jsx_runtime.jsx)((external_React_default()).Fragment, {
+      children: (text === null || text === void 0 ? void 0 : text.label) || text
+    }, key);
   }
 
   var status = domText.status,
@@ -43551,7 +43556,7 @@ var proFieldParsingText = function proFieldParsingText(text, valueEnumParams) {
   if (Status) {
     return (0,jsx_runtime.jsx)(Status, {
       children: domText.text
-    });
+    }, key);
   } // 如果不存在使用颜色
 
 
@@ -43559,11 +43564,13 @@ var proFieldParsingText = function proFieldParsingText(text, valueEnumParams) {
     return (0,jsx_runtime.jsx)(ProFieldBadgeColor, {
       color: color,
       children: domText.text
-    });
+    }, key);
   } // 什么都没有使用 text
 
 
-  return domText.text || domText;
+  return (0,jsx_runtime.jsx)((external_React_default()).Fragment, {
+    children: domText.text || domText
+  }, key);
 };
 
 var Highlight = function Highlight(_ref) {
@@ -48081,14 +48088,14 @@ var FieldPassword = function FieldPassword(_ref, ref) {
   var intl = useIntl();
 
   var _useMergedState = (0,useMergedState/* default */.Z)(function () {
-    return rest.visible || false;
+    return rest.open || rest.visible || false;
   }, {
-    value: rest.visible,
-    onChange: rest.onVisible
+    value: rest.open || rest.visible,
+    onChange: rest.onOpenChange || rest.onVisible
   }),
       _useMergedState2 = slicedToArray_slicedToArray(_useMergedState, 2),
-      visible = _useMergedState2[0],
-      setVisible = _useMergedState2[1];
+      open = _useMergedState2[0],
+      setOpen = _useMergedState2[1];
 
   if (mode === 'read') {
     var dom = (0,jsx_runtime.jsx)(jsx_runtime.Fragment, {
@@ -48099,12 +48106,12 @@ var FieldPassword = function FieldPassword(_ref, ref) {
       dom = (0,jsx_runtime.jsxs)(external_antd_.Space, {
         children: [(0,jsx_runtime.jsx)("span", {
           ref: ref,
-          children: visible ? text : '＊ ＊ ＊ ＊ ＊'
+          children: open ? text : '＊ ＊ ＊ ＊ ＊'
         }), (0,jsx_runtime.jsx)("a", {
           onClick: function onClick() {
-            return setVisible(!visible);
+            return setOpen(!open);
           },
-          children: visible ? (0,jsx_runtime.jsx)(icons_EyeOutlined, {}) : (0,jsx_runtime.jsx)(icons_EyeInvisibleOutlined, {})
+          children: open ? (0,jsx_runtime.jsx)(icons_EyeOutlined, {}) : (0,jsx_runtime.jsx)(icons_EyeInvisibleOutlined, {})
         })]
       });
     }
@@ -48779,8 +48786,7 @@ var FieldSegmented = function FieldSegmented(_ref, ref) {
 
   if (mode === 'edit' || mode === 'update') {
     var _dom = (0,jsx_runtime.jsx)(external_antd_.Segmented, objectSpread2_objectSpread2(objectSpread2_objectSpread2({
-      ref: inputRef,
-      allowClear: true
+      ref: inputRef
     }, fieldProps), {}, {
       options: options
     }));
@@ -50048,8 +50054,7 @@ var defaultRenderText = function defaultRenderText(dataValue, valueType, props,
 
 
 
-
-var ProField = function ProField(_ref, ref) {
+var ProFieldComponent = function ProFieldComponent(_ref, ref) {
   var _ref2, _fieldProps$value, _ref3;
 
   var text = _ref.text,
@@ -50100,7 +50105,9 @@ var ProField = function ProField(_ref, ref) {
   });
 };
 
-/* harmony default export */ var field_es = (/*#__PURE__*/external_React_default().forwardRef(ProField));
+var ProField = /*#__PURE__*/external_React_default().forwardRef(ProFieldComponent);
+
+/* harmony default export */ var field_es = (ProField);
 ;// CONCATENATED MODULE: ./packages/form/es/BaseForm/EditOrReadOnlyContext.js
 
 var EditOrReadOnlyContext = /*#__PURE__*/external_React_default().createContext({
@@ -58329,6 +58336,7 @@ var ProFormGroup = ProForm.Group;
 
 
 /* harmony default export */ var form_es = (ProForm);
+
 ;// CONCATENATED MODULE: ./node_modules/use-media-antd-query/es/useMediaQuery.js
 function useMediaQuery_slicedToArray(arr, i) {
   return useMediaQuery_arrayWithHoles(arr) || useMediaQuery_iterableToArrayLimit(arr, i) || useMediaQuery_unsupportedIterableToArray(arr, i) || useMediaQuery_nonIterableRest();
@@ -59248,7 +59256,7 @@ var skeleton_es_excluded = ["type"];
 
 
 
-var PageSkeleton = function PageSkeleton(_ref) {
+var ProSkeleton = function ProSkeleton(_ref) {
   var _ref$type = _ref.type,
       type = _ref$type === void 0 ? 'list' : _ref$type,
       rest = objectWithoutProperties_objectWithoutProperties(_ref, skeleton_es_excluded);
@@ -59265,7 +59273,7 @@ var PageSkeleton = function PageSkeleton(_ref) {
 };
 
 
-/* harmony default export */ var skeleton_es = (PageSkeleton);
+/* harmony default export */ var skeleton_es = (ProSkeleton);
 ;// CONCATENATED MODULE: ./packages/descriptions/es/useFetchData.js
 
 
@@ -60665,7 +60673,8 @@ function PageContainer_style_useStyle(prefixCls, componentsToken) {
     }, pageContainer), componentsToken);
 
     return [genPageContainerStyle(proCardToken)];
-  });
+  }, // 触发一下更新
+  componentsToken);
 }
 ;// CONCATENATED MODULE: ./packages/layout/es/components/PageContainer/index.js
 
@@ -72195,7 +72204,9 @@ var HeaderMenu = function HeaderMenu(props) {
 
 
 var genProListStyle = function genProListStyle(token) {
-  return defineProperty_defineProperty({}, token.componentCls, {
+  var _token$componentCls;
+
+  return defineProperty_defineProperty({}, token.componentCls, (_token$componentCls = {
     lineHeight: '1',
     '&-container': {
       display: 'flex',
@@ -72267,33 +72278,31 @@ var genProListStyle = function genProListStyle(token) {
         fontWeight: 'bold',
         opacity: '1'
       }
+    }
+  }, defineProperty_defineProperty(_token$componentCls, "".concat(token.antCls, "-tabs-top > ").concat(token.antCls, "-tabs-nav"), defineProperty_defineProperty({
+    marginBlockEnd: 0,
+    '&::before': {
+      borderBlockEnd: 0
+    }
+  }, "".concat(token.antCls, "-tabs-nav-list"), {
+    marginBlockStart: 0,
+    '${token.antCls}-tabs-tab': {
+      paddingBlockStart: 0
+    }
+  })), defineProperty_defineProperty(_token$componentCls, '&-dropdownmenu-label', {
+    fontWeight: 'bold',
+    fontSize: token.fontSizeIcon,
+    textAlign: 'center',
+    cursor: 'pointer'
+  }), defineProperty_defineProperty(_token$componentCls, '@media (max-width: 575px)', defineProperty_defineProperty({}, token.componentCls, {
+    '&-container': {
+      display: 'flex',
+      flexWrap: 'wrap'
     },
-    '&-dropdownmenu-label': defineProperty_defineProperty({
-      fontWeight: 'bold',
-      fontSize: token.fontSizeIcon,
-      textAlign: 'center',
-      cursor: 'pointer'
-    }, "".concat(token.antCls, "-tabs-top > ").concat(token.antCls, "-tabs-nav"), defineProperty_defineProperty({
-      marginBlockEnd: 0,
-      '&::before': {
-        borderBlockEnd: 0
-      }
-    }, "".concat(token.antCls, "-tabs-nav-list"), {
-      marginBlockStart: 0,
-      '${token.antCls}-tabs-tab': {
-        paddingBlockStart: 0
-      }
-    })),
-    '@media (max-width: 575px)': defineProperty_defineProperty({}, token.componentCls, {
-      '&-container': {
-        display: 'flex',
-        flexWrap: 'wrap'
-      },
-      '&-left': {
-        marginBlockEnd: '16px'
-      }
-    })
-  });
+    '&-left': {
+      marginBlockEnd: '16px'
+    }
+  })), _token$componentCls));
 };
 
 function ListToolBar_style_useStyle(prefixCls) {
@@ -97656,17 +97665,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.10",
-  "@ant-design/pro-components": "2.3.13",
-  "@ant-design/pro-descriptions": "2.0.11",
-  "@ant-design/pro-field": "2.1.4",
-  "@ant-design/pro-form": "2.2.2",
-  "@ant-design/pro-layout": "7.1.3",
-  "@ant-design/pro-list": "2.0.11",
-  "@ant-design/pro-provider": "2.0.4",
-  "@ant-design/pro-skeleton": "2.0.3",
-  "@ant-design/pro-table": "3.0.11",
-  "@ant-design/pro-utils": "2.2.2"
+  "@ant-design/pro-card": "2.0.12",
+  "@ant-design/pro-components": "2.3.15",
+  "@ant-design/pro-descriptions": "2.0.13",
+  "@ant-design/pro-field": "2.1.6",
+  "@ant-design/pro-form": "2.2.4",
+  "@ant-design/pro-layout": "7.1.5",
+  "@ant-design/pro-list": "2.0.13",
+  "@ant-design/pro-provider": "2.0.6",
+  "@ant-design/pro-skeleton": "2.0.4",
+  "@ant-design/pro-table": "3.0.13",
+  "@ant-design/pro-utils": "2.2.4"
 };
 ;// CONCATENATED MODULE: ./packages/components/src/index.tsx