react-vant-nova 1.0.8 → 1.1.0

package/README.md

@@ -17,9 +17,9 @@
 </p>
 
 <p align="center">
-  🔥 <a href="https://react-vant-gitee.3lang.dev">Documentation (Domestic)</a>
+  🔥 <a href="https://github.com/prayone/react-vant-nova">Documentation (Domestic)</a>
   &nbsp;
-  🌈 <a href="https://react-vant.3lang.dev">Documentation（GitHub）</a>
+  🌈 <a href="https://github.com/prayone/react-vant-nova">Documentation（GitHub）</a>
 </p>
 
 ## 🧑‍💻 Project Status

package/bundle/index.css

@@ -794,6 +794,58 @@ ul {
   position: relative;
   display: inline-block;
 }
+:root {
+  --rv-avatar-size-mini: 24px;
+  --rv-avatar-size-small: 32px;
+  --rv-avatar-size-normal: 40px;
+  --rv-avatar-size-large: 56px;
+  --rv-avatar-background-color: var(--rv-gray-3);
+  --rv-avatar-color: var(--rv-gray-7);
+  --rv-avatar-font-size: var(--rv-font-size-md);
+  --rv-avatar-border-radius: var(--rv-border-radius-md);
+}
+.rv-avatar {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--rv-avatar-size-normal);
+  height: var(--rv-avatar-size-normal);
+  overflow: hidden;
+  color: var(--rv-avatar-color);
+  font-size: var(--rv-avatar-font-size);
+  line-height: 1;
+  white-space: nowrap;
+  text-align: center;
+  vertical-align: middle;
+  background-color: var(--rv-avatar-background-color);
+}
+.rv-avatar--mini {
+  width: var(--rv-avatar-size-mini);
+  height: var(--rv-avatar-size-mini);
+  font-size: var(--rv-font-size-xs);
+}
+.rv-avatar--small {
+  width: var(--rv-avatar-size-small);
+  height: var(--rv-avatar-size-small);
+  font-size: var(--rv-font-size-sm);
+}
+.rv-avatar--large {
+  width: var(--rv-avatar-size-large);
+  height: var(--rv-avatar-size-large);
+  font-size: var(--rv-font-size-lg);
+}
+.rv-avatar--circle {
+  border-radius: var(--rv-border-radius-max);
+}
+.rv-avatar--square {
+  border-radius: var(--rv-avatar-border-radius);
+}
+.rv-avatar__img {
+  display: block;
+  width: 100%;
+  height: 100%;
+}
 :root {
   --rv-field-input-error-text-color: var(--rv-danger-color);
   --rv-field-label-width: 6.2em;
@@ -6783,3 +6835,152 @@ ul {
   width: 100%;
   height: 100%;
 }
+:root {
+  --rv-tree-select-font-size: 14px;
+  --rv-tree-select-nav-width: 80px;
+  --rv-tree-select-nav-background-color: var(--rv-gray-1);
+  --rv-tree-select-content-background-color: #fff;
+  --rv-tree-select-nav-item-padding: 14px 12px;
+  --rv-tree-select-item-height: 48px;
+  --rv-tree-select-item-active-color: #f44336;
+  --rv-tree-select-item-disabled-color: #c8c9cc;
+  --rv-tree-select-item-selected-size: 16px;
+  --rv-tree-select-height: 300px;
+}
+.rv-tree-select {
+  display: flex;
+  font-size: var(--rv-tree-select-font-size);
+  user-select: none;
+}
+.rv-tree-select__nav {
+  flex: none;
+  overflow-y: auto;
+  background-color: var(--rv-tree-select-nav-background-color);
+  -webkit-overflow-scrolling: touch;
+}
+.rv-tree-select__nav-item {
+  position: relative;
+  display: flex;
+  align-items: center;
+  padding: var(--rv-tree-select-nav-item-padding);
+  cursor: pointer;
+  transition: background-color 0.2s;
+}
+.rv-tree-select__nav-item:active {
+  opacity: 0.7;
+}
+.rv-tree-select__nav-item--active {
+  color: var(--rv-tree-select-item-active-color);
+  font-weight: 600;
+  background-color: var(--rv-tree-select-content-background-color);
+}
+.rv-tree-select__nav-item--active::before {
+  position: absolute;
+  top: 50%;
+  left: 0;
+  width: 3px;
+  height: 16px;
+  background-color: var(--rv-tree-select-item-active-color);
+  transform: translateY(-50%);
+  content: '';
+}
+.rv-tree-select__nav-item--disabled {
+  color: var(--rv-tree-select-item-disabled-color);
+  cursor: not-allowed;
+}
+.rv-tree-select__nav-item--disabled:active {
+  opacity: 1;
+}
+.rv-tree-select__nav-icon {
+  margin-right: 4px;
+}
+.rv-tree-select__nav-text {
+  flex: 1;
+  word-break: break-all;
+}
+.rv-tree-select__nav-badge {
+  margin-left: 4px;
+  padding: 0 6px;
+  font-size: 12px;
+  color: #fff;
+  background-color: var(--rv-tree-select-item-active-color);
+  border-radius: 10px;
+}
+.rv-tree-select__content {
+  flex: 1;
+  overflow-y: auto;
+  background-color: var(--rv-tree-select-content-background-color);
+  -webkit-overflow-scrolling: touch;
+}
+.rv-tree-select__items {
+  padding: 12px 16px;
+}
+.rv-tree-select__content-empty {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  color: var(--rv-tree-select-item-disabled-color);
+}
+.rv-tree-select__item-wrapper {
+  margin-bottom: 12px;
+}
+.rv-tree-select__item-wrapper:last-child {
+  margin-bottom: 0;
+}
+.rv-tree-select__item {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  min-height: var(--rv-tree-select-item-height);
+  padding: 10px 12px;
+  background-color: var(--rv-tree-select-nav-background-color);
+  border-radius: 8px;
+  cursor: pointer;
+  transition: all 0.2s;
+}
+.rv-tree-select__item:active {
+  opacity: 0.7;
+}
+.rv-tree-select__item--active {
+  color: var(--rv-tree-select-item-active-color);
+  background-color: rgba(238, 10, 36, 0.08);
+  font-weight: 500;
+}
+.rv-tree-select__item--disabled {
+  color: var(--rv-tree-select-item-disabled-color);
+  cursor: not-allowed;
+}
+.rv-tree-select__item--disabled:active {
+  opacity: 1;
+}
+.rv-tree-select__item-content {
+  display: flex;
+  align-items: center;
+  flex: 1;
+}
+.rv-tree-select__item-icon {
+  margin-right: 8px;
+  display: flex;
+  align-items: center;
+}
+.rv-tree-select__item-title {
+  flex: 1;
+}
+.rv-tree-select__item-selected-icon {
+  margin-left: 8px;
+  font-size: var(--rv-tree-select-item-selected-size);
+  color: var(--rv-tree-select-item-active-color);
+}
+.rv-tree-select__item-checkbox {
+  margin-left: 8px;
+  width: 18px;
+  height: 18px;
+  cursor: pointer;
+}
+.rv-tree-select__item-children {
+  margin-top: 8px;
+  padding-left: 20px;
+  border-left: 2px solid var(--rv-tree-select-nav-background-color);
+}