tdesign-vue-next 0.8.1 → 0.9.1

package/CHANGELOG.md

@@ -5,6 +5,39 @@ toc: false
 docClass: timeline
 ---
 
+## 0.9.1 `2022-02-25`
+
+
+* 修复构建产物 `TS` 声明文件路径错误
+
+## 0.9.0 `2022-02-25`
+
+
+### BREAKING CHANGES
+
+* Input: `input` 元素 `ref` 名称由 `refInputElem` 更为 `inputRef` ([pr #330](https://github.com/Tencent/tdesign-vue-next/pull/330)), ([@chaishi](https://github.com/chaishi))
+
+### Bug Fixes
+
+* Slider: ([@pengYYYYY](https://github.com/pengYYYYY))
+  * 修复游标定位问题，([pr #248](https://github.com/Tencent/tdesign-common/pull/248))
+  * 修复游标定位样式。([pr #355](https://github.com/Tencent/tdesign-vue-next/pull/355))
+* Input: 去除 `autocomplete` 默认值，保持浏览器默认值 ([pr #330](https://github.com/Tencent/tdesign-vue-next/pull/330)), ([@chaishi](https://github.com/chaishi))
+* Upload: 修复文件数大于等于 `max` 时，上传按钮依然可以点击 ([pr #351](https://github.com/Tencent/tdesign-vue-next/issues/349)), ([issue #349](https://github.com/Tencent/tdesign-vue-next/issues/349)), ([@pengYYYYY](https://github.com/pengYYYYY))
+* Notification: 修复 `offset` 参数无效 ([pr #351](https://github.com/Tencent/tdesign-vue-next/pull/349)), ([issue #299](https://github.com/Tencent/tdesign-vue-next/issues/299)), ([issue #325](https://github.com/Tencent/tdesign-vue-next/issues/325)), ([issue #316](https://github.com/Tencent/tdesign-vue-next/issues/316)), ([@pengYYYYY](https://github.com/pengYYYYY))
+* Table: 修复固定表头错位 ([pr #352](https://github.com/Tencent/tdesign-vue-next/pull/352)), ([issue #342](https://github.com/Tencent/tdesign-vue-next/issues/342)), ([@pengYYYYY](https://github.com/pengYYYYY))
+* Button: 修复 `primary outline` 模式下边框展示异常的问题 ([pr #238](https://github.com/Tencent/tdesign-common/pull/238)), ([@pengYYYYY](https://github.com/pengYYYYY))
+
+### Features
+
+* TagInput: ([pr #330](https://github.com/Tencent/tdesign-vue-next/pull/330)), ([@chaishi](https://github.com/chaishi))
+  * `valueDisplay` 新增参数 `onClose`
+  * 新增特性 `autoWidth`, 宽度自适应
+* Input: 新增特性 `autoWidth`, 宽度自适应 ([pr #330](https://github.com/Tencent/tdesign-vue-next/pull/330)), ([@chaishi](https://github.com/chaishi))
+* Checkbox: `change` 事件新增参数，`context.current` 表示当前变化的数据项；`context.type` 表示引起选中数据变化的是选中或是取消选中 ([pr #330](https://github.com/Tencent/tdesign-vue-next/pull/330)), ([@chaishi](https://github.com/chaishi))
+* 通用方法 `renderTNodeJSX` 同时支持驼峰命名的插槽，和中划线命名的插槽 ([pr #330](https://github.com/Tencent/tdesign-vue-next/pull/330)), ([@chaishi](https://github.com/chaishi))
+* 使用 `compositionAPi` 重构国际化 `mixin` ([pr #356](https://github.com/Tencent/tdesign-vue-next/pull/356)), ([@yc910920](https://github.com/yc910920))
+
 ## 0.8.1 `2022-02-18`
 
 
@@ -15,8 +48,8 @@ docClass: timeline
   * 修复 `FormItem.rules` 优先级没有大于 `Form.rules` 的问题
 * Progress: 修复环状进度条小于 5% 时渲染错误 ([pr #329](https://github.com/Tencent/tdesign-vue-next/pull/329)), ([@uyarn](https://github.com/uyarn))
 * TimePicker: 修复部分鼠标滚动选择出现偏差 ([pr #324](https://github.com/Tencent/tdesign-vue-next/pull/324)), ([@uyarn](https://github.com/uyarn))
-* Input: 修复 `prefixIcon`, `suffixIcon` 对驼峰写法不支持 ([pr #324](https://github.com/Tencent/tdesign-vue-next/pull/324))
-* Cascader 解决value类型为Number时，数据回填异常及clearable失效问题 ([ccf478b](https://github.com/Tencent/tdesign-vue-next/commit/ccf478be940daf95ea64667be96ccd27637f283a))
+* Input: 修复 `prefixIcon`, `suffixIcon` 对驼峰写法不支持 ([pr #318](https://github.com/Tencent/tdesign-vue-next/pull/318))
+* Cascader 解决 `value` 类型为 `Number` 时，数据回填异常及 `clearable` 失效问题 ([ccf478b](https://github.com/Tencent/tdesign-vue-next/commit/ccf478be940daf95ea64667be96ccd27637f283a))
 * Textarea: 修复 `value` 未定义时字数统计展示异常的问题 ([pr #298](https://github.com/Tencent/tdesign-vue-next/pull/298)), ([issue #387](https://github.com/Tencent/tdesign-vue-next/issues/387))
 * Loading: 修复存在 `attach` 时，当 `loading` 设置为 `false`，无法隐藏加载元素 ([pr #315](https://github.com/Tencent/tdesign-vue-next/pull/315))
 * Dialog: 修复展开动画位置 ([pr #312](https://github.com/Tencent/tdesign-vue-next/pull/312))

package/dist/tdesign.css

@@ -1026,6 +1026,7 @@ template {
 }
 .t-button--variant-outline.t-button--theme-primary {
   color: var(--td-brand-color);
+  border-color: var(--td-brand-color);
 }
 .t-button--variant-outline.t-button--theme-primary:hover {
   color: var(--td-brand-color-hover);
@@ -1033,6 +1034,12 @@ template {
 .t-button--variant-outline.t-button--theme-primary.t-is-disabled {
   color: var(--td-brand-color-disabled);
 }
+.t-button--variant-outline.t-button--theme-primary:hover {
+  border-color: var(--td-brand-color-hover);
+}
+.t-button--variant-outline.t-button--theme-primary.t-is-disabled {
+  border-color: var(--td-brand-color-disabled);
+}
 .t-button--variant-outline.t-button--theme-success {
   color: var(--td-success-color);
   border-color: var(--td-success-color);
@@ -3915,12 +3922,12 @@ template {
           transform: none;
 }
 .t-popup--animation-enter-active {
-  -webkit-transition: opacity 0.2s linear, visibility 0.2s cubic-bezier(0.82, 0, 1, 0.9), max-height 0.2s cubic-bezier(0.38, 0, 0.24, 1);
-  transition: opacity 0.2s linear, visibility 0.2s cubic-bezier(0.82, 0, 1, 0.9), max-height 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+  -webkit-transition: opacity 0.2s linear;
+  transition: opacity 0.2s linear;
 }
 .t-popup--animation-leave-active {
-  -webkit-transition: opacity 0.2s cubic-bezier(0, 0, 0.15, 1), visibility 0.2s cubic-bezier(0.82, 0, 1, 0.9), max-height 0.2s cubic-bezier(0.38, 0, 0.24, 1);
-  transition: opacity 0.2s cubic-bezier(0, 0, 0.15, 1), visibility 0.2s cubic-bezier(0.82, 0, 1, 0.9), max-height 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+  -webkit-transition: opacity 0.2s cubic-bezier(0, 0, 0.15, 1);
+  transition: opacity 0.2s cubic-bezier(0, 0, 0.15, 1);
 }
 .t-popup--animation-expand-enter-active[data-popper-placement^=top] {
   -webkit-animation: t-popup-animation-expand-in-top 0.2s cubic-bezier(0.38, 0, 0.24, 1), t-fade-in 0.2s linear;
@@ -5944,6 +5951,7 @@ a.t-menu__item:active {
   border-color: var(--td-brand-color);
   -webkit-box-shadow: 0 0 0 2px var(--td-brand-color-focus);
           box-shadow: 0 0 0 2px var(--td-brand-color-focus);
+  z-index: 1;
 }
 .t-input :focus-visible {
   outline: none;
@@ -6270,7 +6278,6 @@ a.t-menu__item:active {
   min-height: 24px;
   line-height: 20px;
   font-size: 12px;
-  display: inline-block;
 }
 .t-input__tips--normal {
   color: var(--td-text-color-placeholder);
@@ -6290,6 +6297,17 @@ a.t-menu__item:active {
 .t-align-right > .t-input__inner {
   text-align: right;
 }
+.t-input__input-pre {
+  position: absolute;
+  visibility: hidden;
+  white-space: nowrap;
+}
+.t-input--auto-width {
+  width: -webkit-fit-content;
+  width: -moz-fit-content;
+  width: fit-content;
+  min-width: 60px;
+}
 
 .t-tag {
   display: -webkit-inline-box;
@@ -8594,11 +8612,15 @@ ul.t-select-option-group__header,
 .t-radio__input::after {
   content: "";
   position: absolute;
-  top: 3px;
-  left: 3px;
+  top: 50%;
+  left: 50%;
+  width: 16px;
+  height: 16px;
+  margin-top: -8px;
+  margin-left: -8px;
+  -webkit-transform: scale(0.5);
+          transform: scale(0.5);
   opacity: 0;
-  width: 8px;
-  height: 8px;
   border-radius: 50%;
   background-color: var(--td-brand-color);
   -webkit-transition: all 0.2s cubic-bezier(0, 0, 0.15, 1);
@@ -8780,9 +8802,15 @@ ul.t-select-option-group__header,
   color: var(--td-text-color-primary);
   top: 13px;
   line-height: 20px;
+  -webkit-transform: translateX(-50%);
+          transform: translateX(-50%);
   margin-top: 4px;
   cursor: pointer;
 }
+.t-slider__mark-text:first-child {
+  -webkit-transform: translateX(0%);
+          transform: translateX(0%);
+}
 .t-slider__mark-text:last-child {
   -webkit-transform: translateX(-100%);
           transform: translateX(-100%);
@@ -9142,16 +9170,19 @@ ul.t-select-option-group__header,
 }
 .t-tag-input .t-tag {
   margin-right: 4px;
-  -webkit-animation: t-zoom-out 0.1s ease-in-out;
-          animation: t-zoom-out 0.1s ease-in-out;
+  -webkit-animation: t-fade-in 0.1s ease-in-out;
+          animation: t-fade-in 0.1s ease-in-out;
 }
 .t-tag-input.t-input {
   padding-left: 4px;
   overflow: hidden;
 }
-.t-tag-input .t-input__inner {
-  min-width: 80px;
-  width: auto;
+.t-tag-input.t-input.t-size-s {
+  padding-left: 2px;
+}
+.t-tag-input:hover .t-input__inner,
+.t-tag-input .t-input--focused .t-input__inner {
+  min-width: 60px;
 }
 .t-tag-input .t-tag-input__prefix,
 .t-tag-input .t-input__prefix:empty {
@@ -9168,10 +9199,10 @@ ul.t-select-option-group__header,
   display: inline;
   text-align: left;
 }
-.t-tag-input--break-line.t-input .t-tag-input__suffix-clear {
+.t-tag-input--break-line.t-input .t-input__suffix-icon {
   position: absolute;
   right: 8px;
-  bottom: 8px;
+  bottom: 0;
 }
 .t-tag-input__prefix {
   width: -webkit-max-content;
@@ -9180,31 +9211,47 @@ ul.t-select-option-group__header,
   display: inline-block;
   margin-right: 8px;
 }
-/** 光标动画 */
-@-webkit-keyframes t-tag-cursor-show {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
+
+.t-select-input,
+.t-select-input__wrap {
+  width: 100%;
+  display: inline-block;
 }
-@keyframes t-tag-cursor-show {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
+/** 无边框模式 */
+.t-select-input--borderless {
+  /** 无边框模式的多选 */
+}
+.t-select-input--borderless.t-select-input,
+.t-select-input--borderless .t-input {
+  border: 0;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  width: auto;
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-transition: background-color 0.2s linear;
+  transition: background-color 0.2s linear;
 }
-.t-tag-input__cursor {
+.t-select-input--borderless.t-select-input:hover,
+.t-select-input--borderless .t-input:hover {
+  background-color: var(--td-bg-color-container-hover);
+  border-radius: 3px;
+}
+.t-select-input--borderless .t-input--focused {
+  background-color: var(--td-bg-color-container-hover);
+}
+.t-select-input--borderless.t-select-input--multiple:not(.t-select-input--empty) input {
+  display: none;
+}
+.t-select-input--borderless.t-select-input--multiple:not(.t-select-input--empty) :hover input {
   display: inline-block;
-  border-left: 1px solid black;
-  height: 17px;
-  margin-right: 4px;
-  opacity: 1;
-  -webkit-animation: t-tag-cursor-show 0.8s ease infinite;
-          animation: t-tag-cursor-show 0.8s ease infinite;
+}
+.t-select-input--borderless.t-select-input--multiple:not(.t-select-input--empty).t-select-input--popup-visible input {
+  display: inline-block;
+}
+.t-select-input--borderless.t-select-input--multiple:not(.t-select-input--empty).t-select-input--popup-visible .t-input {
+  background-color: var(--td-bg-color-container-hover);
 }
 
 .t-textarea {