rsuite 5.76.2 → 5.76.3

package/dist/rsuite.css

@@ -1315,7 +1315,7 @@ html {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
 body {
-  font-family: Apple-System, Arial, Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', STXihei, sans-serif;
+  font-family: -apple-system, BlinkMacSystemFont, Arial, Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', STXihei, sans-serif;
   font-size: 14px;
   line-height: 1.42857143;
   color: #343434;
@@ -1439,10 +1439,6 @@ dd {
   margin-left: 0;
   margin-bottom: 10px;
 }
-@font-face {
-  font-family: Apple-System;
-  src: local(-apple-system), local(BlinkMacSystemFont), local(system-ui);
-}
 :root {
   --rs-anim-fade-duration: 0.15s;
   --rs-anim-collapse-duration: 0.35s;
@@ -17025,7 +17021,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   white-space: nowrap;
 }
 .rs-text {
-  font-family: Apple-System, Arial, Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', STXihei, sans-serif;
+  font-family: -apple-system, BlinkMacSystemFont, Arial, Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', STXihei, sans-serif;
   line-height: 1.42857143;
   color: #343434;
   color: var(--rs-text-primary);
@@ -17561,6 +17557,10 @@ kbd.rs-text {
 .rs-picker-default .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean {
   top: 7px;
 }
+.rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-loader {
+  top: 8px;
+  right: 12px;
+}
 .rs-picker-date .rs-picker-toggle.rs-btn,
 .rs-picker-daterange .rs-picker-toggle.rs-btn {
   padding-right: 36px;
@@ -17602,6 +17602,10 @@ kbd.rs-text {
 .rs-picker-default .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-clean {
   top: 9px;
 }
+.rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-loader {
+  top: 10px;
+  right: 16px;
+}
 .rs-picker-default .rs-picker-toggle.rs-btn-lg {
   padding-left: 15px;
 }
@@ -17678,6 +17682,10 @@ kbd.rs-text {
 .rs-picker-default .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-clean {
   top: 7px;
 }
+.rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-loader {
+  top: 8px;
+  right: 12px;
+}
 .rs-picker-default .rs-picker-toggle.rs-btn-md {
   padding-left: 11px;
 }
@@ -17756,6 +17764,10 @@ kbd.rs-text {
 .rs-picker-default .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-clean {
   top: 4px;
 }
+.rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-loader {
+  top: 5px;
+  right: 10px;
+}
 .rs-picker-default .rs-picker-toggle.rs-btn-sm {
   padding-left: 9px;
 }
@@ -17834,6 +17846,10 @@ kbd.rs-text {
 .rs-picker-default .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean {
   top: 1px;
 }
+.rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-loader {
+  top: 2px;
+  right: 8px;
+}
 .rs-picker-default .rs-picker-toggle.rs-btn-xs {
   padding-left: 7px;
 }

package/dist/rsuite.js

@@ -3040,7 +3040,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends3 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = __webpack_require__(/*! react */ \"react\");\nvar _get = _interopRequireDefault(__webpack_require__(/*! lodash/get */ \"./node_modules/lodash/get.js\"));\nvar _set = _interopRequireDefault(__webpack_require__(/*! lodash/set */ \"./node_modules/lodash/set.js\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/FormControl/utils.ts\");\nfunction getErrorMessage(error) {\n  var _error$array;\n  if (typeof error === 'string') {\n    return error;\n  }\n\n  /**\n   * When using some components as the field, such as TagInput, and using `ArrayType().of` as the validation rule,\n   * the error object won't contain the errorMessage directly. @see https://github.com/rsuite/rsuite/issues/3866\n   */\n  if (error !== null && error !== void 0 && error.array && ((_error$array = error.array) === null || _error$array === void 0 ? void 0 : _error$array.length) > 0) {\n    return error.array[0].errorMessage;\n  }\n  if (/*#__PURE__*/(0, _react.isValidElement)(error)) {\n    return error;\n  }\n  return error === null || error === void 0 ? void 0 : error.errorMessage;\n}\nfunction useField(props) {\n  var name = props.name,\n    formValue = props.formValue,\n    formError = props.formError,\n    value = props.value,\n    nestedField = props.nestedField,\n    errorMessage = props.errorMessage,\n    errorFromContext = props.errorFromContext;\n  var fieldValue = (0, _react.useMemo)(function () {\n    if (typeof value !== 'undefined') {\n      return value;\n    }\n    return nestedField ? (0, _get.default)(formValue, name) : formValue === null || formValue === void 0 ? void 0 : formValue[name];\n  }, [formValue, name, nestedField, value]);\n  var fieldError = (0, _react.useMemo)(function () {\n    if (typeof errorMessage !== 'undefined' || !errorFromContext) {\n      return errorMessage;\n    }\n    if (nestedField) {\n      return getErrorMessage((0, _get.default)(formError, (0, _utils.nameToPath)(name)));\n    }\n    var fieldError = formError === null || formError === void 0 ? void 0 : formError[name];\n    if (typeof fieldError === 'string') {\n      return fieldError;\n    }\n    return getErrorMessage(fieldError);\n  }, [errorFromContext, errorMessage, formError, name, nestedField]);\n  var setFieldValue = (0, _react.useCallback)(function (fieldName, fieldValue) {\n    var _extends2;\n    if (nestedField) {\n      return (0, _set.default)((0, _extends3.default)({}, formValue), fieldName, fieldValue);\n    }\n    return (0, _extends3.default)({}, formValue, (_extends2 = {}, _extends2[fieldName] = fieldValue, _extends2));\n  }, [formValue, nestedField]);\n  return {\n    fieldValue: fieldValue,\n    fieldError: fieldError,\n    setFieldValue: setFieldValue\n  };\n}\nvar _default = exports[\"default\"] = useField;\n\n//# sourceURL=webpack://rsuite/./src/FormControl/hooks/useField.ts?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends3 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = __webpack_require__(/*! react */ \"react\");\nvar _get = _interopRequireDefault(__webpack_require__(/*! lodash/get */ \"./node_modules/lodash/get.js\"));\nvar _set = _interopRequireDefault(__webpack_require__(/*! lodash/set */ \"./node_modules/lodash/set.js\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/FormControl/utils.ts\");\nfunction getErrorMessage(error) {\n  var _error$array;\n  if (typeof error === 'string') {\n    return error;\n  }\n\n  /**\n   * When using some components as the field, such as TagInput, and using `ArrayType().of` as the validation rule,\n   * the error object won't contain the errorMessage directly. @see https://github.com/rsuite/rsuite/issues/3866\n   */\n  if (error !== null && error !== void 0 && error.array && ((_error$array = error.array) === null || _error$array === void 0 ? void 0 : _error$array.length) > 0) {\n    var _error$array$find;\n    return (_error$array$find = error.array.find(function (item) {\n      return item.hasError;\n    })) === null || _error$array$find === void 0 ? void 0 : _error$array$find.errorMessage;\n  }\n  if (/*#__PURE__*/(0, _react.isValidElement)(error)) {\n    return error;\n  }\n  return error === null || error === void 0 ? void 0 : error.errorMessage;\n}\nfunction useField(props) {\n  var name = props.name,\n    formValue = props.formValue,\n    formError = props.formError,\n    value = props.value,\n    nestedField = props.nestedField,\n    errorMessage = props.errorMessage,\n    errorFromContext = props.errorFromContext;\n  var fieldValue = (0, _react.useMemo)(function () {\n    if (typeof value !== 'undefined') {\n      return value;\n    }\n    return nestedField ? (0, _get.default)(formValue, name) : formValue === null || formValue === void 0 ? void 0 : formValue[name];\n  }, [formValue, name, nestedField, value]);\n  var fieldError = (0, _react.useMemo)(function () {\n    if (typeof errorMessage !== 'undefined' || !errorFromContext) {\n      return errorMessage;\n    }\n    if (nestedField) {\n      return getErrorMessage((0, _get.default)(formError, (0, _utils.nameToPath)(name)));\n    }\n    var fieldError = formError === null || formError === void 0 ? void 0 : formError[name];\n    if (typeof fieldError === 'string') {\n      return fieldError;\n    }\n    return getErrorMessage(fieldError);\n  }, [errorFromContext, errorMessage, formError, name, nestedField]);\n  var setFieldValue = (0, _react.useCallback)(function (fieldName, fieldValue) {\n    var _extends2;\n    if (nestedField) {\n      return (0, _set.default)((0, _extends3.default)({}, formValue), fieldName, fieldValue);\n    }\n    return (0, _extends3.default)({}, formValue, (_extends2 = {}, _extends2[fieldName] = fieldValue, _extends2));\n  }, [formValue, nestedField]);\n  return {\n    fieldValue: fieldValue,\n    fieldError: fieldError,\n    setFieldValue: setFieldValue\n  };\n}\nvar _default = exports[\"default\"] = useField;\n\n//# sourceURL=webpack://rsuite/./src/FormControl/hooks/useField.ts?");
 
 /***/ }),