rsuite 5.71.0 → 5.73.0

package/cjs/locales/tr_TR.js

@@ -6,7 +6,7 @@ exports.__esModule = true;
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _tr = _interopRequireDefault(require("date-fns/locale/tr"));
-var Calendar = {
+var DateTimeFormats = {
   sunday: 'Pz',
   monday: 'Pt',
   tuesday: 'Sa',
@@ -17,14 +17,18 @@ var Calendar = {
   ok: 'Tamam',
   today: 'Bugün',
   yesterday: 'Dün',
+  now: 'Şimdi',
   hours: 'Saat',
   minutes: 'Dakika',
   seconds: 'Saniye',
   formattedMonthPattern: 'MMM yyyy',
   formattedDayPattern: 'dd MMM yyyy',
+  shortDateFormat: 'dd.MM.yyyy',
+  shortTimeFormat: 'HH:mm',
   dateLocale: _tr.default
 };
 var _default = exports.default = {
+  code: 'tr-TR',
   common: {
     loading: 'Yükleniyor...',
     emptyMessage: 'Veri bulunamadı',
@@ -46,9 +50,9 @@ var _default = exports.default = {
     total: 'Toplam Satır: {0}',
     skip: 'Git{0}'
   },
-  Calendar: Calendar,
-  DatePicker: (0, _extends2.default)({}, Calendar),
-  DateRangePicker: (0, _extends2.default)({}, Calendar, {
+  Calendar: (0, _extends2.default)({}, DateTimeFormats),
+  DatePicker: (0, _extends2.default)({}, DateTimeFormats),
+  DateRangePicker: (0, _extends2.default)({}, DateTimeFormats, {
     last7Days: 'Son 7 Gün'
   }),
   Picker: {

package/cjs/locales/zh_CN.d.ts

@@ -1,4 +1,5 @@
 declare const _default: {
+    code: string;
     common: {
         loading: string;
         emptyMessage: string;
@@ -31,11 +32,14 @@ declare const _default: {
         ok: string;
         today: string;
         yesterday: string;
+        now: string;
         hours: string;
         minutes: string;
         seconds: string;
         formattedMonthPattern: string;
         formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: string;
         dateLocale: any;
     };
     DatePicker: {
@@ -49,11 +53,14 @@ declare const _default: {
         ok: string;
         today: string;
         yesterday: string;
+        now: string;
         hours: string;
         minutes: string;
         seconds: string;
         formattedMonthPattern: string;
         formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: string;
         dateLocale: any;
     };
     DateRangePicker: {
@@ -68,11 +75,14 @@ declare const _default: {
         ok: string;
         today: string;
         yesterday: string;
+        now: string;
         hours: string;
         minutes: string;
         seconds: string;
         formattedMonthPattern: string;
         formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: string;
         dateLocale: any;
     };
     Picker: {

package/cjs/locales/zh_CN.js

@@ -6,7 +6,7 @@ exports.__esModule = true;
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _zhCN = _interopRequireDefault(require("date-fns/locale/zh-CN"));
-var Calendar = {
+var DateTimeFormats = {
   sunday: '日',
   monday: '一',
   tuesday: '二',
@@ -17,14 +17,18 @@ var Calendar = {
   ok: '确定',
   today: '今天',
   yesterday: '昨天',
+  now: '此刻',
   hours: '时',
   minutes: '分',
   seconds: '秒',
   formattedMonthPattern: 'yyyy年MM月',
   formattedDayPattern: 'yyyy年MM月dd日',
+  shortDateFormat: 'yyyy-MM-dd',
+  shortTimeFormat: 'aa hh:mm',
   dateLocale: _zhCN.default
 };
 var _default = exports.default = {
+  code: 'zh-CN',
   common: {
     loading: '加载中...',
     emptyMessage: '数据为空',
@@ -46,9 +50,9 @@ var _default = exports.default = {
     total: '共 {0} 条数据',
     skip: '跳至{0}页'
   },
-  Calendar: Calendar,
-  DatePicker: (0, _extends2.default)({}, Calendar),
-  DateRangePicker: (0, _extends2.default)({}, Calendar, {
+  Calendar: (0, _extends2.default)({}, DateTimeFormats),
+  DatePicker: (0, _extends2.default)({}, DateTimeFormats),
+  DateRangePicker: (0, _extends2.default)({}, DateTimeFormats, {
     last7Days: '最近 7 天'
   }),
   Picker: {

package/cjs/locales/zh_TW.d.ts

@@ -1,4 +1,5 @@
 declare const _default: {
+    code: string;
     common: {
         loading: string;
         emptyMessage: string;
@@ -31,11 +32,14 @@ declare const _default: {
         ok: string;
         today: string;
         yesterday: string;
+        now: string;
         hours: string;
         minutes: string;
         seconds: string;
         formattedMonthPattern: string;
         formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: string;
         dateLocale: any;
     };
     DatePicker: {
@@ -49,11 +53,14 @@ declare const _default: {
         ok: string;
         today: string;
         yesterday: string;
+        now: string;
         hours: string;
         minutes: string;
         seconds: string;
         formattedMonthPattern: string;
         formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: string;
         dateLocale: any;
     };
     DateRangePicker: {
@@ -68,11 +75,14 @@ declare const _default: {
         ok: string;
         today: string;
         yesterday: string;
+        now: string;
         hours: string;
         minutes: string;
         seconds: string;
         formattedMonthPattern: string;
         formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: string;
         dateLocale: any;
     };
     Picker: {

package/cjs/locales/zh_TW.js

@@ -6,7 +6,7 @@ exports.__esModule = true;
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _zhTW = _interopRequireDefault(require("date-fns/locale/zh-TW"));
-var Calendar = {
+var DateTimeFormats = {
   sunday: '日',
   monday: '一',
   tuesday: '二',
@@ -17,14 +17,18 @@ var Calendar = {
   ok: '確定',
   today: '今天',
   yesterday: '昨天',
+  now: '此刻',
   hours: '時',
   minutes: '分',
   seconds: '秒',
   formattedMonthPattern: 'yyyy年MM月',
   formattedDayPattern: 'yyyy年MM月dd日',
+  shortDateFormat: 'yyyy-MM-dd',
+  shortTimeFormat: 'aa hh:mm',
   dateLocale: _zhTW.default
 };
 var _default = exports.default = {
+  code: 'zh-TW',
   common: {
     loading: '讀取中...',
     emptyMessage: '沒有資料',
@@ -46,9 +50,9 @@ var _default = exports.default = {
     total: '共 {0} 條資料',
     skip: '跳至{0}頁'
   },
-  Calendar: Calendar,
-  DatePicker: (0, _extends2.default)({}, Calendar),
-  DateRangePicker: (0, _extends2.default)({}, Calendar, {
+  Calendar: (0, _extends2.default)({}, DateTimeFormats),
+  DatePicker: (0, _extends2.default)({}, DateTimeFormats),
+  DateRangePicker: (0, _extends2.default)({}, DateTimeFormats, {
     last7Days: '最近 7 天'
   }),
   Picker: {

package/dist/rsuite-no-reset-rtl.css

@@ -140,6 +140,9 @@
   --rs-state-focus-outline: 3px solid rgb(from var(--rs-primary-500) r g b / 25%);
   --rs-state-error-outline: 3px solid rgb(from var(--rs-color-red) r g b / 25%);
   --rs-shadow-overlay: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
+  --rs-scrollbar-bg: transparent;
+  --rs-scrollbar-thumb-bg: var(--rs-gray-500);
+  --rs-scrollbar-thumb-hover-bg: var(--rs-gray-400);
   --rs-btn-default-bg: var(--rs-gray-50);
   --rs-btn-default-text: var(--rs-gray-800);
   --rs-btn-default-hover-bg: var(--rs-gray-200);
@@ -529,6 +532,9 @@
   --rs-state-focus-outline: 3px solid rgb(from var(--rs-gray-500) r g b / 25%);
   --rs-state-error-outline: 3px solid rgb(from var(--rs-color-red) r g b / 25%);
   --rs-shadow-overlay: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
+  --rs-scrollbar-bg: transparent;
+  --rs-scrollbar-thumb-bg: var(--rs-gray-300);
+  --rs-scrollbar-thumb-hover-bg: var(--rs-gray-400);
   --rs-btn-default-bg: var(--rs-gray-600);
   --rs-btn-default-text: var(--rs-gray-50);
   --rs-btn-default-hover-bg: var(--rs-gray-500);
@@ -903,6 +909,9 @@
   --rs-state-focus-outline: 3px solid rgb(from var(--rs-primary-500) r g b / 25%);
   --rs-state-error-outline: 3px solid rgb(from var(--rs-color-red) r g b / 25%);
   --rs-shadow-overlay: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
+  --rs-scrollbar-bg: transparent;
+  --rs-scrollbar-thumb-bg: var(--rs-gray-300);
+  --rs-scrollbar-thumb-hover-bg: var(--rs-gray-400);
   --rs-btn-default-bg: transparent;
   --rs-btn-default-text: var(--rs-primary-500);
   --rs-btn-default-border: 1px solid var(--rs-primary-500);
@@ -1164,6 +1173,10 @@
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
 }
+:root {
+  --rs-anim-fade-duration: 0.15s;
+  --rs-anim-collapse-duration: 0.35s;
+}
 @-webkit-keyframes slideInLeft {
   from {
     opacity: 0;
@@ -1489,12 +1502,16 @@ tbody.rs-anim-collapse.rs-anim-in {
   height: 0;
   overflow: hidden;
   -webkit-transition: height 0.35s ease, width 0.35s ease, visibility 0.35s ease;
+  -webkit-transition: height var(--rs-anim-collapse-duration) ease, width var(--rs-anim-collapse-duration) ease, visibility var(--rs-anim-collapse-duration) ease;
   transition: height 0.35s ease, width 0.35s ease, visibility 0.35s ease;
+  transition: height var(--rs-anim-collapse-duration) ease, width var(--rs-anim-collapse-duration) ease, visibility var(--rs-anim-collapse-duration) ease;
 }
 .rs-anim-fade {
   opacity: 0;
   -webkit-transition: opacity 0.15s linear;
+  -webkit-transition: opacity var(--rs-anim-fade-duration) linear;
   transition: opacity 0.15s linear;
+  transition: opacity var(--rs-anim-fade-duration) linear;
   pointer-events: none;
 }
 .rs-anim-fade.rs-anim-in {
@@ -2820,7 +2837,7 @@ tbody.rs-anim-collapse.rs-anim-in {
   display: none;
 }
 .rs-calendar {
-  padding-top: 12px;
+  padding-top: 10px;
   position: relative;
   min-height: 266px;
   overflow: hidden;
@@ -2904,22 +2921,14 @@ tbody.rs-anim-collapse.rs-anim-in {
           box-shadow: inset 0 0 0 1px var(--rs-input-focus-border);
 }
 .rs-calendar-panel .rs-calendar-table-cell-day {
-  margin-top: 3px;
   display: block;
   text-align: center;
 }
 .rs-calendar-panel .rs-calendar-month-dropdown {
-  margin-top: -2px;
-  margin-right: 12px;
-  margin-left: 12px;
-  top: 54px;
-  width: calc(100% - 24px);
-}
-.rs-calendar-panel:not(.rs-calendar-compact) .rs-calendar-month-dropdown-scroll {
-  height: 644px;
-}
-.rs-calendar-panel.rs-calendar-compact .rs-calendar-month-dropdown-scroll {
-  height: 344px;
+  margin-right: 10px;
+  margin-left: 10px;
+  border-radius: 6px;
+  width: calc(100% - 20px);
 }
 .rs-calendar-panel:not(.rs-calendar-compact) .rs-calendar-table-row:not(.rs-calendar-table-header-row) .rs-calendar-table-cell-content {
   width: 100%;
@@ -2944,7 +2953,20 @@ tbody.rs-anim-collapse.rs-anim-in {
   border-bottom-left-radius: 6px;
 }
 .rs-calendar-panel.rs-calendar-compact .rs-calendar-table-row:not(.rs-calendar-table-header-row) .rs-calendar-table-cell-content {
-  height: 50px;
+  min-height: 38px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
 }
 .rs-calendar-btn-close {
   position: absolute;
@@ -2964,9 +2986,17 @@ tbody.rs-anim-collapse.rs-anim-in {
   background: var(--rs-bg-overlay);
   z-index: 1;
 }
+.rs-calendar-btn-close:hover {
+  background-color: #e5e5ea;
+  background-color: var(--rs-btn-subtle-hover-bg);
+}
 .rs-calendar-panel .rs-calendar-btn-close {
-  bottom: 11px;
-  margin: 0 20px;
+  bottom: 4px;
+  margin: 0 11px;
+  border-radius: 0 0 6px 6px;
+}
+.rs-calendar-panel.rs-calendar-bordered .rs-calendar-btn-close {
+  bottom: 5px;
 }
 .rs-calendar-month-view .rs-calendar-header-month-toolbar {
   padding-right: 24px;
@@ -3033,8 +3063,8 @@ tbody.rs-anim-collapse.rs-anim-in {
 }
 .rs-calendar-header {
   width: 280px;
-  padding-right: 12px;
-  padding-left: 12px;
+  padding-right: 10px;
+  padding-left: 10px;
 }
 .rs-calendar-header::before,
 .rs-calendar-header::after {
@@ -3057,7 +3087,7 @@ tbody.rs-anim-collapse.rs-anim-in {
 .rs-calendar-header-title {
   margin: 0 4px;
 }
-.rs-calendar-header-meridian {
+.rs-calendar-header-meridiem {
   font-size: 12px;
   margin-right: 4px;
 }
@@ -3112,8 +3142,8 @@ tbody.rs-anim-collapse.rs-anim-in {
 }
 .rs-calendar-header-has-month:not(.rs-calendar-header-has-time) {
   margin: 0 auto;
-  padding-right: 12px;
-  padding-left: 12px;
+  padding-right: 10px;
+  padding-left: 10px;
 }
 .rs-calendar-header-has-month:not(.rs-calendar-header-has-time) .rs-calendar-header-month-toolbar {
   display: block;
@@ -3152,7 +3182,7 @@ tbody.rs-anim-collapse.rs-anim-in {
           transform: rotate(180deg);
 }
 .rs-calendar-body {
-  padding: 4px 12px 12px;
+  padding: 4px 10px 10px;
 }
 .rs-calendar-table {
   display: table;
@@ -3329,6 +3359,7 @@ tbody.rs-anim-collapse.rs-anim-in {
   background-color: var(--rs-bg-overlay);
   overflow: hidden;
   z-index: 1;
+  height: calc(100% - 48px);
 }
 .rs-calendar-month-view .rs-calendar-month-dropdown {
   display: block;
@@ -3338,12 +3369,12 @@ tbody.rs-anim-collapse.rs-anim-in {
           animation: 0.3s linear slideDown;
 }
 .rs-calendar-month-dropdown-scroll {
-  height: 230px;
+  height: 100%;
 }
 .rs-calendar-month-dropdown-row {
   position: relative;
-  padding-right: 50px;
-  padding-left: 12px;
+  padding-right: 48px;
+  padding-left: 10px;
   padding-top: 5px;
   padding-bottom: 5px;
 }
@@ -3354,28 +3385,17 @@ tbody.rs-anim-collapse.rs-anim-in {
 .rs-calendar-month-dropdown-year {
   position: absolute;
   top: calc(50% - 0.5em);
-  right: 12px;
+  right: 10px;
 }
 .rs-calendar-month-dropdown-year-active {
   color: #1675e0;
   color: var(--rs-text-active);
 }
 .rs-calendar-month-dropdown-list {
-  display: block;
-  min-width: 200px;
-}
-.rs-calendar-month-dropdown-list::before,
-.rs-calendar-month-dropdown-list::after {
-  content: ' ';
-  display: table;
-}
-.rs-calendar-month-dropdown-list::after {
-  clear: both;
+  display: grid;
+  grid-template-columns: repeat(4, 25%);
 }
 .rs-calendar-month-dropdown-cell {
-  display: inline-block;
-  float: right;
-  width: calc((100% - 1px * 12 ) / 6);
   margin: 1px;
   text-align: center;
   vertical-align: middle;
@@ -3397,8 +3417,6 @@ tbody.rs-anim-collapse.rs-anim-in {
   padding: 5px;
   cursor: pointer;
   border-radius: 6px;
-  width: 30px;
-  height: 30px;
 }
 .rs-calendar-month-dropdown-cell-content:hover {
   background-color: #f2faff;
@@ -3430,8 +3448,8 @@ tbody.rs-anim-collapse.rs-anim-in {
   display: none;
   position: absolute;
   top: 44px;
-  padding-right: 12px;
-  padding-left: 12px;
+  padding-right: 10px;
+  padding-left: 10px;
   width: 100%;
   background-color: #fff;
   background-color: var(--rs-bg-overlay);
@@ -3455,6 +3473,11 @@ tbody.rs-anim-collapse.rs-anim-in {
   display: table-cell;
   width: 1%;
 }
+.rs-calendar-time-dropdown-column ::after {
+  content: '';
+  display: block;
+  height: calc(100% - 30px);
+}
 .rs-calendar-time-dropdown-column > ul,
 .rs-calendar-time-dropdown-column > ul > li {
   list-style: none;
@@ -3464,7 +3487,7 @@ tbody.rs-anim-collapse.rs-anim-in {
 .rs-calendar-time-dropdown-column > ul {
   height: 230px;
   overflow-y: auto;
-  padding-bottom: 200px;
+  scroll-behavior: smooth;
 }
 .rs-calendar-time-dropdown-column-title {
   width: 100%;
@@ -3477,6 +3500,10 @@ tbody.rs-anim-collapse.rs-anim-in {
   line-height: 1.66666667;
   padding-top: 2px;
   padding-bottom: 2px;
+  margin-bottom: 2px;
+}
+.rs-calendar-only-time .rs-calendar-time-dropdown-column-title {
+  border-top: none;
 }
 .rs-calendar-time-dropdown-cell {
   font-size: 14px;
@@ -3486,6 +3513,7 @@ tbody.rs-anim-collapse.rs-anim-in {
   display: block;
   text-align: center;
   cursor: pointer;
+  margin: 1px;
 }
 .rs-calendar-time-dropdown-cell,
 .rs-calendar-time-dropdown-cell:hover,
@@ -3545,6 +3573,22 @@ tbody.rs-anim-collapse.rs-anim-in {
   opacity: 0.3;
   cursor: not-allowed;
 }
+.rs-calendar-only-time {
+  padding-top: 10px;
+  display: block;
+}
+.rs-calendar-only-time .rs-calendar-time-dropdown {
+  position: relative;
+  top: 2px;
+}
+.rs-calendar-only-time .rs-calendar-time-dropdown-row {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+.rs-calendar-only-time .rs-calendar-time-dropdown-column {
+  min-width: 60px;
+}
 @-webkit-keyframes slideDown {
   from {
     -webkit-transform: translateY(-100%);
@@ -4291,7 +4335,6 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
   position: absolute;
   top: 8px;
   left: 12px;
-  padding: 3px;
   color: #717273;
   color: var(--rs-text-secondary);
 }
@@ -4520,7 +4563,7 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
   color: var(--rs-text-secondary);
 }
 .rs-picker-toolbar {
-  padding: 12px;
+  padding: 10px;
   border-top: 1px solid #e5e5ea;
   border-top: 1px solid var(--rs-border-primary);
 }
@@ -4664,12 +4707,14 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
   color: #fff;
   color: var(--rs-calendar-date-selected-text);
 }
-.rs-picker-popup .rs-calendar .rs-calendar-month-dropdown-scroll {
-  height: 227px;
-}
 .rs-picker-popup .rs-calendar .rs-calendar-time-dropdown-column > ul {
   height: 198px;
-  padding-bottom: 184px;
+}
+.rs-picker-popup .rs-calendar.rs-calendar-only-time {
+  min-width: auto;
+}
+.rs-picker-popup .rs-calendar.rs-calendar-only-time .rs-calendar-time-dropdown-column > ul {
+  height: 240px;
 }
 .rs-picker-daterange .rs-input-group-addon {
   color: #717273;
@@ -4693,9 +4738,8 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
   border-left: 1px solid var(--rs-border-primary);
 }
 .rs-picker-popup .rs-calendar {
-  display: inline-block;
   height: 274px;
-  padding-bottom: 12px;
+  padding-bottom: 10px;
 }
 .rs-picker-popup .rs-calendar-header {
   width: 100%;
@@ -4707,12 +4751,12 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
 .rs-picker-popup .rs-calendar-month-dropdown {
   z-index: 1;
 }
-.rs-picker-popup .rs-calendar-month-dropdown-list {
-  width: 185px;
-}
 .rs-picker-popup .rs-picker-daterange-panel-show-one-calendar .rs-picker-toolbar-ranges {
   width: 190px;
 }
+.rs-picker-popup .rs-picker-daterange-panel-only-time .rs-picker-daterange-calendar-group {
+  min-width: auto;
+}
 .rs-picker-popup .rs-picker-daterange-calendar-single .rs-calendar {
   border: 0;
   display: block;
@@ -11254,25 +11298,27 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   visibility: visible;
 }
 .rs-scroll-view.rs-scroll-view-custom-scrollbar {
-  --rs-scrollbar-bg: transparent;
-  --rs-scrollbar-thumb-bg: rgba(87, 87, 87, 0.6);
-  --rs-scrollbar-thumb-hover-bg: var(--rs-gray-800);
-  scrollbar-width: auto;
+  scrollbar-width: thin;
+  scrollbar-color: #939393 transparent;
   scrollbar-color: var(--rs-scrollbar-thumb-bg) var(--rs-scrollbar-bg);
 }
 .rs-scroll-view.rs-scroll-view-custom-scrollbar::-webkit-scrollbar {
   width: 12px;
 }
 .rs-scroll-view.rs-scroll-view-custom-scrollbar::-webkit-scrollbar-track {
+  background: transparent;
   background: var(--rs-scrollbar-bg);
   border-radius: 10px;
 }
 .rs-scroll-view.rs-scroll-view-custom-scrollbar::-webkit-scrollbar-thumb {
+  background-color: #939393;
   background-color: var(--rs-scrollbar-thumb-bg);
   border-radius: 6px;
+  border: 3px solid transparent;
   border: 3px solid var(--rs-scrollbar-bg);
 }
 .rs-scroll-view.rs-scroll-view-custom-scrollbar::-webkit-scrollbar-thumb:hover {
+  background-color: #b6b7b8;
   background-color: var(--rs-scrollbar-thumb-hover-bg);
 }
 .rs-panel {
@@ -12569,7 +12615,6 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   position: absolute;
   top: 8px;
   left: 12px;
-  padding: 3px;
   color: #717273;
   color: var(--rs-text-secondary);
 }
@@ -17548,6 +17593,17 @@ kbd.rs-text {
   top: -1px;
   z-index: 1;
 }
+.rs-virt-list .rs-picker-select-menu-item,
+.rs-virt-list .rs-check-item label {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.rs-tree-virt-list .rs-tree-node-label {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 .rs-search-box {
   position: relative;
 }