chore: marge feat/react-18

rsuite · Aug 30, 2022 · 6a3e4e0 · 6a3e4e0
2 parents 5c45ca2 + dd75aca
commit 6a3e4e0
Show file tree

Hide file tree

Showing 38 changed files with 607 additions and 245 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,17 @@
+# [5.17.0](https://github.com/rsuite/rsuite/compare/v5.16.6...v5.17.0) (2022-08-26)
+
+### Features
+
+- **DateRangePicker:** supports placing predefined ranges on the left ([#2670](https://github.com/rsuite/rsuite/issues/2670)) ([8df4a61](https://github.com/rsuite/rsuite/commit/8df4a61d3b81e6054369197ff44e1416ea1aefbb))
+
+## [5.16.6](https://github.com/rsuite/rsuite/compare/v5.16.5...v5.16.6) (2022-08-18)
+
+### Bug Fixes
+
+- **Button:** use [@cursor-disabled](https://github.com/cursor-disabled) intead of hardcoded cursor ([#2658](https://github.com/rsuite/rsuite/issues/2658)) ([5731762](https://github.com/rsuite/rsuite/commit/57317622eb2d65e94e0a8bb962512232cc4dfd3d))
+- **DatePicker,DateRangePicker:** display month name as title of month calendar view ([#2660](https://github.com/rsuite/rsuite/issues/2660)) ([1e812ef](https://github.com/rsuite/rsuite/commit/1e812ef7510ea7b82beda7c058bd07080db198f5))
+- **Form.Control:** apply className to accepter component ([#2662](https://github.com/rsuite/rsuite/issues/2662)) ([a164d28](https://github.com/rsuite/rsuite/commit/a164d287acfe8be2f98080e3b7eb15971f47809f))
+
 ## [5.16.5](https://github.com/rsuite/rsuite/compare/v5.16.4...v5.16.5) (2022-08-11)
 
 ### Bug Fixes

diff --git a/docs/components/PageToolbar/PageToolbar.tsx b/docs/components/PageToolbar/PageToolbar.tsx
@@ -1,10 +1,11 @@
 import React, { useEffect } from 'react';
-import { ButtonToolbar, Tooltip, Whisper, Dropdown } from 'rsuite';
+import { ButtonToolbar, Tooltip, Whisper, Dropdown, IconButton } from 'rsuite';
 import canUseDOM from 'dom-lib/canUseDOM';
 import AppContext from '../AppContext';
 import LanguageButton from '../LanguageButton';
 import packageJson from '../../package.json';
 import { MoreActions } from './MoreActions';
+import HeartIcon from '@rsuite/icons/legacy/HeartO';
 
 interface PageToolbarProps {
   designHash?: any;
@@ -35,6 +36,12 @@ function PageToolbar({ designHash, routerId }: PageToolbarProps) {
 
   return show ? (
     <ButtonToolbar className="page-toolbar">
+      <IconButton
+        size="sm"
+        icon={<HeartIcon color="red" />}
+        href="https://opencollective.com/rsuite"
+        target="_blank"
+      />
       <Dropdown title={packageJson.version} size="sm">
         {versions.map(version => (
           <Dropdown.Item key={version.id} as="a" href={version.url}>

diff --git a/docs/components/TopLevelNav/TopLevelNav.tsx b/docs/components/TopLevelNav/TopLevelNav.tsx
@@ -76,7 +76,7 @@ function getNavItems(messages) {
     {
       key: 'resources',
       tip: messages?.common?.resources,
-      to: '/resources/icons',
+      to: '/resources/templates',
       icon: <Icon as={() => <SvgIcons.Ecology />} />
     }
   ];

diff --git a/docs/less/pages/index.less b/docs/less/pages/index.less
@@ -16,6 +16,7 @@
 /** Resources & Tools **/
 @import './resources/icons.less';
 @import './resources/palette.less';
+@import './resources/templates.less';
 
 .page-home {
   position: relative;

diff --git a/docs/less/pages/resources/templates.less b/docs/less/pages/resources/templates.less
@@ -0,0 +1,25 @@
+.tpl-card {
+  display: block;
+  height: 346px;
+  text-decoration: none;
+  margin-bottom: 10px;
+  position: relative;
+
+  .preview-actions {
+    align-items: center;
+    justify-content: center;
+    gap: 6px;
+    position: absolute;
+    top: 0px;
+    width: 100%;
+    height: 100%;
+    background: rgba(17, 17, 17, 0.125);
+    transition: opacity 0.3s ease-in-out;
+    opacity: 0;
+  }
+  &:hover {
+    .preview-actions {
+      opacity: 1;
+    }
+  }
+}
diff --git a/docs/locales/en-US/index.ts b/docs/locales/en-US/index.ts
@@ -10,6 +10,7 @@ export default {
     design: 'Design',
     components: 'Components',
     resources: 'Resources & Tools',
+    templates: 'Templates',
     designResources: 'Design Resources',
     introduction: 'Introduction',
     usage: 'Quick Start',

diff --git a/docs/locales/zh-CN/index.ts b/docs/locales/zh-CN/index.ts
@@ -9,6 +9,7 @@ export default {
     design: '设计原型',
     components: '组件',
     resources: '资源 & 工具',
+    templates: '模板',
     designResources: '设计资源',
     introduction: '介绍',
     usage: '快速开始',

diff --git a/docs/package-lock.json b/docs/package-lock.json
diff --git a/docs/package.json b/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "docs",
-  "version": "5.16.4",
+  "version": "5.17.0",
   "private": true,
   "scripts": {
     "check:type": "tsc",
@@ -46,7 +46,7 @@
     "react-icons": "^4.2.0",
     "react-json-tree": "^0.15.0",
     "react-text-mask": "^5.4.3",
-    "rsuite": "^5.16.4",
+    "rsuite": "^5.17.0",
     "svg-sprite-loader": "^4.1.6",
     "svgo": "^1.3.2",
     "svgo-loader": "^2.2.1",

diff --git a/docs/pages/_common/types/range.md b/docs/pages/_common/types/range.md
@@ -5,5 +5,9 @@ interface Range {
   label: React.ReactNode;
   value: Date | ((date: Date) => Date);
   closeOverlay?: boolean;
+
+  // Sets the position where the predefined range is displayed, the default is bottom.
+  // Only supported on DateRangePicker。
+  placement?: 'bottom' | 'left';
 }
 ```