rsuite 5.56.0 → 5.57.0

package/Cascader/styles/index.css

@@ -339,6 +339,193 @@
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
 }
+.rs-cascade-search-view-panel {
+  max-height: 300px;
+  margin-top: 6px;
+  overflow: auto;
+}
+.rs-cascade-search-view-row {
+  display: block;
+  padding: 8px 12px;
+  clear: both;
+  font-weight: normal;
+  line-height: 1.42857143;
+  color: #575757;
+  color: var(--rs-text-primary);
+  cursor: pointer;
+  text-decoration: none;
+  width: 100%;
+}
+.rs-cascade-search-view-row:hover {
+  background-color: rgb(from #cce9ff r g b / 50%);
+  background-color: var(--rs-listbox-option-hover-bg);
+  color: #1675e0;
+  color: var(--rs-listbox-option-hover-text);
+}
+.rs-theme-high-contrast .rs-cascade-search-view-row:hover {
+  outline: 3px solid rgb(from #3498ff r g b / 25%);
+  outline: 3px solid var(--rs-color-focus-ring);
+  outline-offset: -3px;
+  outline-width: 2px;
+  color: #1675e0;
+  color: var(--rs-listbox-option-hover-text);
+  text-decoration: underline;
+}
+.rs-theme-high-contrast .rs-theme-high-contrast .rs-cascade-search-view-row:hover {
+  outline-offset: 2px;
+}
+.rs-cascade-search-view-row.rs-cascade-search-view-row-focus {
+  background-color: rgb(from #cce9ff r g b / 50%);
+  background-color: var(--rs-listbox-option-hover-bg);
+  color: #1675e0;
+  color: var(--rs-listbox-option-hover-text);
+}
+.rs-theme-high-contrast .rs-cascade-search-view-row.rs-cascade-search-view-row-focus {
+  outline: 3px solid rgb(from #3498ff r g b / 25%);
+  outline: 3px solid var(--rs-color-focus-ring);
+  outline-offset: -3px;
+  outline-width: 2px;
+  color: #1675e0;
+  color: var(--rs-listbox-option-hover-text);
+  text-decoration: underline;
+}
+.rs-theme-high-contrast .rs-theme-high-contrast .rs-cascade-search-view-row.rs-cascade-search-view-row-focus {
+  outline-offset: 2px;
+}
+.rs-cascade-search-view-row:disabled,
+.rs-cascade-search-view-row.rs-cascade-search-view-row-disabled {
+  color: #c5c6c7;
+  color: var(--rs-listbox-option-disabled-text);
+  background: none;
+  cursor: not-allowed;
+}
+.rs-cascade-search-view-row:disabled .rs-cascade-search-view-match,
+.rs-cascade-search-view-row.rs-cascade-search-view-row-disabled .rs-cascade-search-view-match {
+  opacity: 0.7;
+  font-weight: normal;
+}
+.rs-cascade-search-view-col {
+  display: inline-block;
+}
+.rs-cascade-search-view-col::after {
+  content: '\00a0/\00a0';
+}
+.rs-cascade-search-view-col:last-child::after {
+  display: none;
+}
+.rs-cascade-search-view-match {
+  color: #3498ff;
+  color: var(--rs-primary-500);
+  font-weight: bold;
+}
+.rs-cascade-tree-items {
+  padding: 6px 0;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+.rs-cascade-tree-items ul,
+.rs-cascade-tree-items li {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  font-size: 14px;
+}
+.rs-cascade-tree-column {
+  overflow-y: auto;
+}
+.rs-cascade-tree-column-loading {
+  padding: 4px;
+  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;
+}
+.rs-cascade-tree-column-loading .rs-icon {
+  margin: 4px;
+}
+.rs-cascade-tree-item {
+  display: block;
+  padding: 8px 12px;
+  clear: both;
+  font-weight: normal;
+  line-height: 1.42857143;
+  color: #575757;
+  color: var(--rs-text-primary);
+  cursor: pointer;
+  text-decoration: none;
+  width: 100%;
+  position: relative;
+  padding: 8px 28px 8px 12px;
+  word-break: break-word;
+}
+.rs-cascade-tree-items-has-children .rs-cascade-tree-item {
+  padding-right: 32px;
+}
+.rs-cascade-tree-item:hover,
+.rs-cascade-tree-item:focus,
+.rs-cascade-tree-item.rs-cascade-tree-item-focus {
+  background-color: rgb(from #cce9ff r g b / 50%);
+  background-color: var(--rs-listbox-option-hover-bg);
+  color: #1675e0;
+  color: var(--rs-listbox-option-hover-text);
+}
+.rs-theme-high-contrast .rs-cascade-tree-item:hover,
+.rs-theme-high-contrast .rs-cascade-tree-item:focus,
+.rs-theme-high-contrast .rs-cascade-tree-item.rs-cascade-tree-item-focus {
+  outline: 3px solid rgb(from #3498ff r g b / 25%);
+  outline: 3px solid var(--rs-color-focus-ring);
+  outline-offset: -3px;
+  outline-width: 2px;
+  color: #1675e0;
+  color: var(--rs-listbox-option-hover-text);
+  text-decoration: underline;
+}
+.rs-theme-high-contrast .rs-theme-high-contrast .rs-cascade-tree-item:hover,
+.rs-theme-high-contrast .rs-theme-high-contrast .rs-cascade-tree-item:focus,
+.rs-theme-high-contrast .rs-theme-high-contrast .rs-cascade-tree-item.rs-cascade-tree-item-focus {
+  outline-offset: 2px;
+}
+.rs-cascade-tree-item.rs-cascade-tree-item-active {
+  background-color: #f2faff;
+  background-color: var(--rs-listbox-option-selected-bg);
+  font-weight: bold;
+  color: #1675e0;
+  color: var(--rs-listbox-option-selected-text);
+}
+.rs-theme-high-contrast .rs-cascade-tree-item.rs-cascade-tree-item-active {
+  text-decoration: underline;
+}
+.rs-cascade-tree-item.rs-cascade-tree-item-active .rs-cascade-tree-caret {
+  color: #575757;
+  color: var(--rs-text-primary);
+}
+.rs-cascade-tree-item:disabled,
+.rs-cascade-tree-item.rs-cascade-tree-item-disabled {
+  color: #c5c6c7;
+  color: var(--rs-listbox-option-disabled-text);
+  background: none;
+  cursor: not-allowed;
+}
+.rs-cascade-tree-caret {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  margin-left: 2px;
+  position: absolute;
+  top: 8px;
+  right: 12px;
+  height: 20px;
+  font-size: 12px;
+}
 .rs-btn {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
@@ -3190,197 +3377,5 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-check-menu-group-children .rs-check-item .rs-checkbox-checker .rs-checkbox-control {
   left: 26px;
 }
-.rs-picker-cascader-menu-items > div::before,
-.rs-picker-cascader-menu-items > div::after {
-  content: ' ';
-  display: table;
-}
-.rs-picker-cascader-menu-items > div::after {
-  clear: both;
-}
-.rs-picker-cascader-search-panel {
-  max-height: 300px;
-  overflow: auto;
-}
-.rs-picker-cascader-row {
-  display: block;
-  padding: 8px 12px;
-  clear: both;
-  font-weight: normal;
-  line-height: 1.42857143;
-  color: #575757;
-  color: var(--rs-text-primary);
-  cursor: pointer;
-  text-decoration: none;
-  width: 100%;
-}
-.rs-picker-cascader-row:hover {
-  background-color: rgb(from #cce9ff r g b / 50%);
-  background-color: var(--rs-listbox-option-hover-bg);
-  color: #1675e0;
-  color: var(--rs-listbox-option-hover-text);
-}
-.rs-theme-high-contrast .rs-picker-cascader-row:hover {
-  outline: 3px solid rgb(from #3498ff r g b / 25%);
-  outline: 3px solid var(--rs-color-focus-ring);
-  outline-offset: -3px;
-  outline-width: 2px;
-  color: #1675e0;
-  color: var(--rs-listbox-option-hover-text);
-  text-decoration: underline;
-}
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-cascader-row:hover {
-  outline-offset: 2px;
-}
-.rs-picker-cascader-row.rs-picker-cascader-row-focus {
-  background-color: rgb(from #cce9ff r g b / 50%);
-  background-color: var(--rs-listbox-option-hover-bg);
-  color: #1675e0;
-  color: var(--rs-listbox-option-hover-text);
-}
-.rs-theme-high-contrast .rs-picker-cascader-row.rs-picker-cascader-row-focus {
-  outline: 3px solid rgb(from #3498ff r g b / 25%);
-  outline: 3px solid var(--rs-color-focus-ring);
-  outline-offset: -3px;
-  outline-width: 2px;
-  color: #1675e0;
-  color: var(--rs-listbox-option-hover-text);
-  text-decoration: underline;
-}
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-cascader-row.rs-picker-cascader-row-focus {
-  outline-offset: 2px;
-}
-.rs-picker-cascader-row:disabled,
-.rs-picker-cascader-row.rs-picker-cascader-row-disabled {
-  color: #c5c6c7;
-  color: var(--rs-listbox-option-disabled-text);
-  background: none;
-  cursor: not-allowed;
-}
-.rs-picker-cascader-row:disabled .rs-picker-cascader-search-match,
-.rs-picker-cascader-row.rs-picker-cascader-row-disabled .rs-picker-cascader-search-match {
-  opacity: 0.7;
-  font-weight: normal;
-}
-.rs-picker-cascader-col {
-  display: inline-block;
-}
-.rs-picker-cascader-col::after {
-  content: '\00a0/\00a0';
-}
-.rs-picker-cascader-col:last-child::after {
-  display: none;
-}
-.rs-picker-cascader-search-match {
-  color: #3498ff;
-  color: var(--rs-primary-500);
-  font-weight: bold;
-}
-.rs-picker-cascader-menu-column {
-  float: left;
-  overflow-y: auto;
-}
-.rs-picker-cascader-menu-column-loading {
-  padding: 4px;
-  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;
-}
-.rs-picker-cascader-menu-column-loading .rs-icon {
-  margin: 4px;
-}
-.rs-picker-cascader-menu-items ul,
-.rs-picker-cascader-menu-items li {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-  font-size: 14px;
-}
-.rs-picker-cascader-menu-item {
-  display: block;
-  padding: 8px 12px;
-  clear: both;
-  font-weight: normal;
-  line-height: 1.42857143;
-  color: #575757;
-  color: var(--rs-text-primary);
-  cursor: pointer;
-  text-decoration: none;
-  width: 100%;
-  position: relative;
-  padding: 8px 28px 8px 12px;
-  word-break: break-word;
-}
-.rs-picker-cascader-menu-items-has-children .rs-picker-cascader-menu-item {
-  padding-right: 32px;
-}
-.rs-picker-cascader-menu-item:hover,
-.rs-picker-cascader-menu-item:focus,
-.rs-picker-cascader-menu-item.rs-picker-select-menu-item-focus,
-.rs-picker-cascader-menu-item.rs-picker-cascader-menu-item-focus {
-  background-color: rgb(from #cce9ff r g b / 50%);
-  background-color: var(--rs-listbox-option-hover-bg);
-  color: #1675e0;
-  color: var(--rs-listbox-option-hover-text);
-}
-.rs-theme-high-contrast .rs-picker-cascader-menu-item:hover,
-.rs-theme-high-contrast .rs-picker-cascader-menu-item:focus,
-.rs-theme-high-contrast .rs-picker-cascader-menu-item.rs-picker-select-menu-item-focus,
-.rs-theme-high-contrast .rs-picker-cascader-menu-item.rs-picker-cascader-menu-item-focus {
-  outline: 3px solid rgb(from #3498ff r g b / 25%);
-  outline: 3px solid var(--rs-color-focus-ring);
-  outline-offset: -3px;
-  outline-width: 2px;
-  color: #1675e0;
-  color: var(--rs-listbox-option-hover-text);
-  text-decoration: underline;
-}
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-cascader-menu-item:hover,
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-cascader-menu-item:focus,
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-cascader-menu-item.rs-picker-select-menu-item-focus,
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-cascader-menu-item.rs-picker-cascader-menu-item-focus {
-  outline-offset: 2px;
-}
-.rs-picker-cascader-menu-item.rs-picker-cascader-menu-item-active {
-  background-color: #f2faff;
-  background-color: var(--rs-listbox-option-selected-bg);
-  font-weight: bold;
-  color: #1675e0;
-  color: var(--rs-listbox-option-selected-text);
-}
-.rs-theme-high-contrast .rs-picker-cascader-menu-item.rs-picker-cascader-menu-item-active {
-  text-decoration: underline;
-}
-.rs-picker-cascader-menu-item.rs-picker-cascader-menu-item-active .rs-picker-cascader-menu-caret {
-  color: #575757;
-  color: var(--rs-text-primary);
-}
-.rs-picker-cascader-menu-item:disabled,
-.rs-picker-cascader-menu-item.rs-picker-cascader-menu-item-disabled {
-  color: #c5c6c7;
-  color: var(--rs-listbox-option-disabled-text);
-  background: none;
-  cursor: not-allowed;
-}
-.rs-picker-cascader-menu-caret {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  margin-left: 2px;
-  position: absolute;
-  top: 8px;
-  right: 12px;
-  height: 20px;
-  font-size: 12px;
-}
 
 /*# sourceMappingURL=index.css.map */

package/Cascader/styles/index.less

@@ -1,126 +1,5 @@
 @import '../../styles/common.less';
 @import '../../styles/mixins/combobox.less';
 @import '../../styles/mixins/listbox.less';
+@import '../../CascadeTree/styles/index.less';
 @import '../../internals/Picker/styles/index.less';
-
-// Cascader
-// ----------------------
-
-.rs-picker-cascader-menu-items > div {
-  .clearfix();
-}
-
-// Search panel
-.rs-picker-cascader-search-panel {
-  max-height: @cascader-search-panel-max-height;
-  overflow: auto;
-}
-
-.rs-picker-cascader-row {
-  .listbox-option();
-
-  &:hover {
-    .listbox-option-active();
-  }
-
-  &&-focus {
-    .listbox-option-active();
-  }
-
-  &:disabled,
-  &&-disabled {
-    .listbox-options-disabled();
-
-    .rs-picker-cascader-search-match {
-      opacity: 0.7;
-      font-weight: normal;
-    }
-  }
-}
-
-.rs-picker-cascader-col {
-  display: inline-block;
-
-  &::after {
-    content: '\00a0/\00a0'; //content:' / '
-  }
-
-  &:last-child::after {
-    display: none;
-  }
-}
-
-.rs-picker-cascader-search-match {
-  color: var(--rs-primary-500);
-  font-weight: bold;
-}
-
-// Column menu
-.rs-picker-cascader-menu-column {
-  float: left;
-  overflow-y: auto;
-
-  &-loading {
-    padding: 4px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-
-    .rs-icon {
-      margin: 4px;
-    }
-  }
-}
-
-// Menu Items
-.rs-picker-cascader-menu-items {
-  ul,
-  li {
-    margin: 0;
-    padding: 0;
-    list-style: none;
-    font-size: @font-size-base;
-  }
-}
-
-// Menu item
-.rs-picker-cascader-menu-item {
-  .listbox-option();
-
-  @padding-right: (16px + @picker-item-content-padding-horizontal);
-
-  position: relative;
-  padding: @picker-item-content-padding-vertical @padding-right
-    @picker-item-content-padding-vertical @picker-item-content-padding-horizontal;
-  word-break: break-word;
-
-  // Has children
-  // TODO: move `has-children` class on the .rs-picker-cascader-menu-item element
-  &s-has-children & {
-    padding-right: @dropdown-toggle-padding-right;
-  }
-
-  &:hover,
-  &:focus,
-  &.rs-picker-select-menu-item-focus,
-  &&-focus {
-    .listbox-option-active();
-  }
-
-  &&-active {
-    .listbox-option-selected();
-
-    .rs-picker-cascader-menu-caret {
-      color: var(--rs-text-primary);
-    }
-  }
-
-  &:disabled,
-  &&-disabled {
-    .listbox-options-disabled();
-  }
-}
-
-.rs-picker-cascader-menu-caret {
-  .combobox-indicator-icon();
-}

package/MultiCascadeTree/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "rsuite/MultiCascadeTree",
+  "private": true,
+  "main": "../cjs/MultiCascadeTree/index.js",
+  "module": "../esm/MultiCascadeTree/index.js",
+  "types": "../esm/MultiCascadeTree/index.d.ts"
+}