tdesign-react 0.45.6-alpha.1 → 0.45.6-alpha.2

package/es/tree/style/index.css

@@ -1 +1,337 @@
-.t-tree{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;list-style:none;font:var(--td-font-body-medium);color:var(--td-text-color-primary)}.t-tree.t-is-disabled,.t-tree.t-is-disabled .t-icon{color:var(--td-text-color-disabled)}.t-tree.t-is-disabled .t-tree__item.t-is-active{background-color:var(--td-bg-color-container-hover);color:var(--td-text-color-disabled)}.t-tree.t-is-disabled .t-tree__item .t-icon{color:var(--td-text-color-secondary)}.t-tree__empty{color:var(--td-text-color-disabled)}.t-tree__branch{display:block}.t-tree__item{--level:0;--hscale:2;will-change:opacity,max-height;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 0 0 calc(var(--td-comp-margin-xxl)*var(--level));cursor:default;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000}.t-tree__item .t-icon,.t-tree__item .t-loading{display:inline-block;position:relative;z-index:2;font-size:calc(var(--td-font-size-body-medium) + 2px)}.t-tree__item .t-icon{color:var(--td-text-color-secondary)}.t-tree__item .t-checkbox{-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:0}.t-tree__item .t-tree__icon--default .t-icon{-webkit-transition:color,-webkit-transform .2s cubic-bezier(.38,0,.24,1);transition:color,-webkit-transform .2s cubic-bezier(.38,0,.24,1);transition:color,transform .2s cubic-bezier(.38,0,.24,1);transition:color,transform .2s cubic-bezier(.38,0,.24,1),-webkit-transform .2s cubic-bezier(.38,0,.24,1);-webkit-transform:rotate(0);transform:rotate(0)}.t-tree__item--open .t-icon{color:var(--td-text-color-brand)}.t-tree__item--open .t-tree__icon--default .t-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.t-tree__item--clickable,.t-tree__item--draggable{cursor:pointer}.t-tree__item--draggable:hover{background-color:var(--td-bg-color-container-hover);background-clip:content-box}.t-tree__item--draggable:after{position:absolute;top:-1px;right:0;left:0;display:block;height:2px;border-radius:1px;content:"";padding:inherit;background-clip:content-box}.t-tree__item--tip-bottom:after,.t-tree__item--tip-top:after{background-color:var(--td-brand-color)}.t-tree__item--tip-bottom:after{top:unset;bottom:-1px}.t-tree__item--tip-highlight{background-color:var(--td-brand-color-light);background-clip:content-box}.t-tree__item:before{content:"";display:block;width:0;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;height:34px}.t-tree--block-node .t-tree__label{-webkit-box-flex:1;-ms-flex:1;flex:1}.t-tree--hoverable .t-tree__label:not(.t-is-active):not(.t-is-checked):hover{background-color:var(--td-bg-color-container-hover)}.t-tree__line{--level:0;--color:var(--td-border-level-1-color);--space:var(--td-comp-margin-xxl);--iconSize:16px;position:absolute;left:calc(var(--td-comp-margin-xxl)*var(--level) - var(--td-comp-margin-l));bottom:var(--td-comp-margin-l);width:1px;height:34px;pointer-events:none}.t-tree__line:before{content:"";position:absolute;bottom:0;left:0;display:block;height:34px;width:var(--td-comp-margin-m);border-left:1px solid var(--color);border-bottom:1px solid var(--color)}.t-tree__line--first:before{height:var(--td-line-height-body-medium)}.t-tree__line--leaf:before{width:var(--td-comp-margin-m)}.t-tree__icon{position:relative;-webkit-box-flex:0;-ms-flex:none;flex:none;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;width:calc(var(--td-font-size-body-medium) + 2px);font-size:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;-webkit-transition:color,-webkit-transform .24s cubic-bezier(.38,0,.24,1);transition:color,-webkit-transform .24s cubic-bezier(.38,0,.24,1);transition:color,transform .24s cubic-bezier(.38,0,.24,1);transition:color,transform .24s cubic-bezier(.38,0,.24,1),-webkit-transform .24s cubic-bezier(.38,0,.24,1)}.t-tree__icon:after{content:"";display:block;position:absolute;left:-2px;top:-2px;width:calc(var(--td-font-size-body-medium) + 6px);height:calc(var(--td-font-size-body-medium) + 6px);border-radius:var(--td-radius-default);-webkit-transition:.2s linear;transition:.2s linear}.t-tree__icon:not(:empty):hover{background-color:var(--td-bg-color-container-hover);-webkit-transition:.2s linear;transition:.2s linear}.t-tree__icon:empty{cursor:auto}.t-tree__label{--ripple-color:var(--td-bg-color-container-active);-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding:var(--td-comp-paddingTB-xxs) var(--td-comp-paddingLR-xs);margin-left:var(--td-comp-margin-xs);border-radius:var(--td-radius-default);cursor:pointer;-webkit-transition:background-color .24s cubic-bezier(.38,0,.24,1);transition:background-color .24s cubic-bezier(.38,0,.24,1);white-space:nowrap;word-wrap:normal;overflow:hidden;text-overflow:ellipsis}.t-tree__label.t-is-checked{font-weight:500;color:var(--td-text-color-primary);background-color:var(--td-brand-color-light)}.t-tree__label::-moz-selection{background-color:transparent}.t-tree__label::selection{background-color:transparent}.t-is-active .t-tree__label{font-weight:500;color:var(--td-text-color-primary);background-color:var(--td-brand-color-light)}.t-tree__space{display:block;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}.t-tree__operations{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:auto}.t-tree__operations .t-icon{cursor:pointer}.t-tree__item.t-is-disabled{color:var(--td-text-color-disabled);cursor:default}.t-tree__item.t-is-disabled .t-checkbox{cursor:default}.t-tree--vscroll{overflow-y:auto}.t-tree__item--hidden{display:none}.t-tree--transition .t-tree__item--visible{display:-webkit-box;display:-ms-flexbox;display:flex;max-height:calc(34px*var(--hscale));opacity:1;-webkit-transition:opacity .15s linear .15s,max-height .15s linear 0s;transition:opacity .15s linear .15s,max-height .15s linear 0s}.t-tree--transition .t-tree__item--hidden{display:-webkit-box;display:-ms-flexbox;display:flex;max-height:0;opacity:0;overflow:hidden;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-animation:none;animation:none;-webkit-transition:opacity .15s linear 0s,max-height .15s linear .15s;transition:opacity .15s linear 0s,max-height .15s linear .15s}.t-tree--transition .t-tree__item--enter-active{-webkit-animation:t-tree-toggle .3s linear;animation:t-tree-toggle .3s linear}.t-tree--transition .t-tree__item--leave-active{animation:t-tree-toggle .3s linear reverse forwards}@-webkit-keyframes t-tree-toggle{0%{opacity:0;max-height:0}50%{opacity:0;max-height:calc(34px*var(--hscale))}to{opacity:1;max-height:calc(34px*var(--hscale))}}@keyframes t-tree-toggle{0%{opacity:0;max-height:0}50%{opacity:0;max-height:calc(34px*var(--hscale))}to{opacity:1;max-height:calc(34px*var(--hscale))}}
+.t-tree {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  font: var(--td-font-body-medium);
+  color: var(--td-text-color-primary);
+}
+.t-tree.t-is-disabled {
+  color: var(--td-text-color-disabled);
+}
+.t-tree.t-is-disabled .t-icon {
+  color: var(--td-text-color-disabled);
+}
+.t-tree.t-is-disabled .t-tree__item.t-is-active {
+  background-color: var(--td-bg-color-container-hover);
+  color: var(--td-text-color-disabled);
+}
+.t-tree.t-is-disabled .t-tree__item .t-icon {
+  color: var(--td-text-color-secondary);
+}
+.t-tree__empty {
+  color: var(--td-text-color-disabled);
+}
+.t-tree__branch {
+  display: block;
+}
+.t-tree__item {
+  --level: 0;
+  --hscale: 2;
+  will-change: opacity, max-height;
+  position: relative;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: nowrap;
+      flex-wrap: nowrap;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  padding: 0 0 0 calc(var(--td-comp-margin-xxl) * var(--level));
+  cursor: default;
+  -webkit-transform: translateZ(0);
+          transform: translateZ(0);
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden;
+  -webkit-perspective: 1000;
+          perspective: 1000;
+}
+.t-tree__item .t-icon,
+.t-tree__item .t-loading {
+  display: inline-block;
+  position: relative;
+  z-index: 2;
+  font-size: calc(var(--td-font-size-body-medium) + 2px);
+}
+.t-tree__item .t-icon {
+  color: var(--td-text-color-secondary);
+}
+.t-tree__item .t-checkbox {
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  font-size: 0;
+}
+.t-tree__item .t-tree__icon--default .t-icon {
+  -webkit-transition: color, -webkit-transform cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
+  transition: color, -webkit-transform cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
+  transition: color, transform cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
+  transition: color, transform cubic-bezier(0.38, 0, 0.24, 1) 0.2s, -webkit-transform cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
+  -webkit-transform: rotate(0);
+          transform: rotate(0);
+}
+.t-tree__item--open .t-icon {
+  color: var(--td-text-color-brand);
+}
+.t-tree__item--open .t-tree__icon--default .t-icon {
+  -webkit-transform: rotate(90deg);
+          transform: rotate(90deg);
+}
+.t-tree__item--clickable {
+  cursor: pointer;
+}
+.t-tree__item--draggable {
+  cursor: pointer;
+}
+.t-tree__item--draggable:hover {
+  background-color: var(--td-bg-color-container-hover);
+  background-clip: content-box;
+}
+.t-tree__item--draggable::after {
+  position: absolute;
+  top: -1px;
+  right: 0;
+  left: 0;
+  display: block;
+  height: 2px;
+  border-radius: 1px;
+  content: "";
+  padding: inherit;
+  background-clip: content-box;
+}
+.t-tree__item--tip-top::after {
+  background-color: var(--td-brand-color);
+}
+.t-tree__item--tip-bottom::after {
+  top: unset;
+  bottom: -1px;
+  background-color: var(--td-brand-color);
+}
+.t-tree__item--tip-highlight {
+  background-color: var(--td-brand-color-light);
+  background-clip: content-box;
+}
+.t-tree__item::before {
+  content: "";
+  display: block;
+  width: 0;
+  -webkit-box-flex: 0;
+      -ms-flex: 0 0 auto;
+          flex: 0 0 auto;
+  height: 34px;
+}
+.t-tree--block-node .t-tree__label {
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+}
+.t-tree--hoverable .t-tree__label:not(.t-is-active):not(.t-is-checked):hover {
+  background-color: var(--td-bg-color-container-hover);
+}
+.t-tree__line {
+  --level: 0;
+  --color: var(--td-border-level-1-color);
+  --space: var(--td-comp-margin-xxl);
+  --iconSize: 16px;
+  position: absolute;
+  left: calc(var(--td-comp-margin-xxl) * var(--level) - var(--td-comp-margin-l));
+  bottom: var(--td-comp-margin-l);
+  width: 1px;
+  height: 34px;
+  pointer-events: none;
+}
+.t-tree__line::before {
+  content: "";
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  display: block;
+  height: 34px;
+  width: var(--td-comp-margin-m);
+  border-left: 1px solid var(--color);
+  border-bottom: 1px solid var(--color);
+}
+.t-tree__line--first::before {
+  height: var(--td-line-height-body-medium);
+}
+.t-tree__line--leaf::before {
+  width: var(--td-comp-margin-m);
+}
+.t-tree__icon {
+  position: relative;
+  -webkit-box-flex: 0;
+      -ms-flex: none;
+          flex: none;
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  text-align: center;
+  width: calc(var(--td-font-size-body-medium) + 2px);
+  font-size: 0;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  cursor: pointer;
+  -webkit-transition: color, -webkit-transform 0.24s cubic-bezier(0.38, 0, 0.24, 1);
+  transition: color, -webkit-transform 0.24s cubic-bezier(0.38, 0, 0.24, 1);
+  transition: color, transform 0.24s cubic-bezier(0.38, 0, 0.24, 1);
+  transition: color, transform 0.24s cubic-bezier(0.38, 0, 0.24, 1), -webkit-transform 0.24s cubic-bezier(0.38, 0, 0.24, 1);
+}
+.t-tree__icon::after {
+  content: "";
+  display: block;
+  position: absolute;
+  left: -2px;
+  top: -2px;
+  width: calc(calc(var(--td-font-size-body-medium) + 2px) + 4px);
+  height: calc(calc(var(--td-font-size-body-medium) + 2px) + 4px);
+  border-radius: var(--td-radius-default);
+  -webkit-transition: 0.2s linear;
+  transition: 0.2s linear;
+}
+.t-tree__icon:not(:empty):hover {
+  background-color: var(--td-bg-color-container-hover);
+  -webkit-transition: 0.2s linear;
+  transition: 0.2s linear;
+}
+.t-tree__icon:empty {
+  cursor: initial;
+}
+.t-tree__label {
+  --ripple-color: var(--td-bg-color-container-active);
+  -ms-flex-wrap: nowrap;
+      flex-wrap: nowrap;
+  -webkit-box-flex: 0;
+      -ms-flex: 0 0 auto;
+          flex: 0 0 auto;
+  padding: var(--td-comp-paddingTB-xxs) var(--td-comp-paddingLR-xs);
+  margin-left: var(--td-comp-margin-xs);
+  border-radius: var(--td-radius-default);
+  cursor: pointer;
+  -webkit-transition: background-color 0.24s cubic-bezier(0.38, 0, 0.24, 1);
+  transition: background-color 0.24s cubic-bezier(0.38, 0, 0.24, 1);
+  white-space: nowrap;
+  word-wrap: normal;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.t-tree__label.t-is-checked {
+  font-weight: 500;
+  color: var(--td-text-color-primary);
+  background-color: var(--td-brand-color-light);
+}
+.t-tree__label::-moz-selection {
+  background-color: transparent;
+}
+.t-tree__label::selection {
+  background-color: transparent;
+}
+.t-is-active .t-tree__label {
+  font-weight: 500;
+  color: var(--td-text-color-primary);
+  background-color: var(--td-brand-color-light);
+}
+.t-tree__space {
+  display: block;
+  -webkit-box-flex: 1;
+      -ms-flex: 1 0 auto;
+          flex: 1 0 auto;
+}
+.t-tree__operations {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-flex: 0;
+      -ms-flex: 0 0 auto;
+          flex: 0 0 auto;
+  -webkit-box-pack: end;
+      -ms-flex-pack: end;
+          justify-content: flex-end;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  margin-left: auto;
+}
+.t-tree__operations .t-icon {
+  cursor: pointer;
+}
+.t-tree__item.t-is-disabled {
+  color: var(--td-text-color-disabled);
+  cursor: default;
+}
+.t-tree__item.t-is-disabled .t-checkbox {
+  cursor: default;
+}
+.t-tree--vscroll {
+  overflow-y: auto;
+}
+.t-tree__item--hidden {
+  display: none;
+}
+.t-tree--transition .t-tree__item--visible {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  max-height: calc(34px * var(--hscale) + 0px);
+  opacity: 1;
+  -webkit-transition: opacity 150ms linear 150ms, max-height 150ms linear 0s;
+  transition: opacity 150ms linear 150ms, max-height 150ms linear 0s;
+}
+.t-tree--transition .t-tree__item--hidden {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  max-height: 0;
+  opacity: 0;
+  overflow: hidden;
+  pointer-events: none;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  -webkit-animation: none;
+          animation: none;
+  -webkit-transition: opacity 150ms linear 0s, max-height 150ms linear 150ms;
+  transition: opacity 150ms linear 0s, max-height 150ms linear 150ms;
+}
+.t-tree--transition .t-tree__item--enter-active {
+  -webkit-animation: t-tree-toggle 300ms linear;
+          animation: t-tree-toggle 300ms linear;
+}
+.t-tree--transition .t-tree__item--leave-active {
+  animation: t-tree-toggle 300ms reverse linear forwards;
+}
+@-webkit-keyframes t-tree-toggle {
+  0% {
+    opacity: 0;
+    max-height: 0;
+  }
+  50% {
+    opacity: 0;
+    max-height: calc(34px * var(--hscale) + 0px);
+  }
+  100% {
+    opacity: 1;
+    max-height: calc(34px * var(--hscale) + 0px);
+  }
+}
+@keyframes t-tree-toggle {
+  0% {
+    opacity: 0;
+    max-height: 0;
+  }
+  50% {
+    opacity: 0;
+    max-height: calc(34px * var(--hscale) + 0px);
+  }
+  100% {
+    opacity: 1;
+    max-height: calc(34px * var(--hscale) + 0px);
+  }
+}

package/es/tree-select/style/index.css

@@ -1 +1,56 @@
-.t-tree-select{font:var(--td-font-body-medium);color:var(--td-text-color-primary);-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;list-style:none}.t-tree-select--without-input input{display:none}.t-tree-select--without-input .t-input__suffix-icon{margin-left:auto}.t-tree-select .t-fake-arrow{-webkit-transition:color .2s cubic-bezier(.38,0,.24,1);transition:color .2s cubic-bezier(.38,0,.24,1);color:var(--td-text-color-placeholder)}.t-tree-select .t-fake-arrow--highlight{color:var(--td-text-color-brand)}.t-tree-select .t-fake-arrow--disable{color:var(--td-text-color-disabled)}.t-tree-select--placeholder{color:var(--td-text-color-placeholder)}.t-tree-select.t-single-suffix{padding-right:20px}.t-tree-select.t-tag-prefix{padding-left:4px}.t-tree-select-popup .t-popup__content{scrollbar-color:var(--td-scrollbar-color) transparent;scrollbar-width:thin;padding:var(--td-pop-padding-m);max-height:300px;overflow-y:auto}.t-tree-select-popup .t-popup__content::-webkit-scrollbar{width:8px;height:8px}.t-tree-select-popup .t-popup__content::-webkit-scrollbar-thumb{border:2px solid transparent;background-clip:content-box;background-color:var(--td-scrollbar-color);border-radius:15px}.t-tree-select-popup .t-popup__content::-webkit-scrollbar-thumb:horizontal:hover,.t-tree-select-popup .t-popup__content::-webkit-scrollbar-thumb:vertical:hover{background-color:var(--td-scrollbar-hover-color)}
+.t-tree-select {
+  font: var(--td-font-body-medium);
+  color: var(--td-text-color-primary);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.t-tree-select--without-input input {
+  display: none;
+}
+.t-tree-select--without-input .t-input__suffix-icon {
+  margin-left: auto;
+}
+.t-tree-select .t-fake-arrow {
+  -webkit-transition: color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+  transition: color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+  color: var(--td-text-color-placeholder);
+}
+.t-tree-select .t-fake-arrow--highlight {
+  color: var(--td-text-color-brand);
+}
+.t-tree-select .t-fake-arrow--disable {
+  color: var(--td-text-color-disabled);
+}
+.t-tree-select--placeholder {
+  color: var(--td-text-color-placeholder);
+}
+.t-tree-select.t-single-suffix {
+  padding-right: 20px;
+}
+.t-tree-select.t-tag-prefix {
+  padding-left: 4px;
+}
+.t-tree-select-popup .t-popup__content {
+  scrollbar-color: var(--td-scrollbar-color) transparent;
+  scrollbar-width: thin;
+  padding: var(--td-pop-padding-m);
+  max-height: 300px;
+  overflow-y: auto;
+}
+.t-tree-select-popup .t-popup__content::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+.t-tree-select-popup .t-popup__content::-webkit-scrollbar-thumb {
+  border: 2px solid transparent;
+  background-clip: content-box;
+  background-color: var(--td-scrollbar-color);
+  border-radius: 15px;
+}
+.t-tree-select-popup .t-popup__content::-webkit-scrollbar-thumb:vertical:hover,
+.t-tree-select-popup .t-popup__content::-webkit-scrollbar-thumb:horizontal:hover {
+  background-color: var(--td-scrollbar-hover-color);
+}

package/es/upload/index.js

@@ -84,7 +84,7 @@ import '../hooks/useCommonClassName.js';
 import './hooks/useDrag.js';
 import '../image-viewer/index.js';
 import '../image-viewer/ImageViewer.js';
-import '../_chunks/dep-cbdff25e.js';
+import '../_chunks/dep-1b6b0225.js';
 import '../tooltip/index.js';
 import '../tooltip/Tooltip.js';
 import '../popup/index.js';