docs: release 0.18.0 (#1242)

* docs: release 0.18.0

* chore: changelog's changes

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

Author: PengYYYYY

CHANGELOG.md

@@ -4,6 +4,20 @@ spline: explain
 toc: false
 docClass: timeline
 ---
+## 🌈 0.18.0 `2022-07-18` 
+### ❗ Breaking Changes
+- `Table`:  可编辑表格行，行校验函数由 `validateRowDate` 更名为 `validateRowData` @chaishi ([#1219](https://github.com/Tencent/tdesign-vue-next/pull/1219))
+### 🚀 Features
+- `Table`: 树形结构，支持同时添加多个根节点 @chaishi ([#1219](https://github.com/Tencent/tdesign-vue-next/pull/1219))
+- `Table`: 可选中行，扩大选择组件的点击范围 @chaishi ([#1232](https://github.com/Tencent/tdesign-vue-next/pull/1232))
+- `Table`: 拖拽调整宽度，非边框模式，悬浮到表头时，显示表头边框 @chaishi ([#1232](https://github.com/Tencent/tdesign-vue-next/pull/1232))
+### 🐞 Bug Fixes
+- `Table`: 修复可编辑单元格，校验失败的信息无法清除问题，([issue #1228](https://github.com/Tencent/tdesign-vue-next/issues/1228)) @chaishi ([#1219](https://github.com/Tencent/tdesign-vue-next/pull/1219))
+- `Table`: 树形结构，修复树形结构懒加载顺序问题，([issue #1122](https://github.com/Tencent/tdesign-vue-next/issues/1122)) @chaishi ([#1219](https://github.com/Tencent/tdesign-vue-next/pull/1219))
+- `Swiper`: 动态修改 `swiper item` 会出现 `vue` 警告 @btea ([#1231](https://github.com/Tencent/tdesign-vue-next/pull/1231))
+- `Tree`: 修复节点过滤后被一直锁住的问题 @ardor-zhang ([#1199](https://github.com/Tencent/tdesign-vue-next/pull/1199))
+- `DatePicker`: 调整 `bem` 命名 @HQ-Lin ([#1225](https://github.com/Tencent/tdesign-vue-next/pull/1225))
+
 ## 🌈 0.17.5 `2022-07-14` 
 ### 🚀 Features
 - `Icon`: 新增 `mirror` 和 `rotation` 图标 @uyarn ([#1201](https://github.com/Tencent/tdesign-vue-next/pull/1201))

examples/select-input/demos/custom-tag.vue

@@ -124,7 +124,6 @@ const onTagChange3 = (val) => {
   line-height: 32px;
 }
 .displaySpan {
-  display: flex;
-  align-items: center;
+  line-height: 24px;
 }
 </style>

examples/tag-input/demos/custom-tag.vue

@@ -3,11 +3,10 @@
     <!-- 方式一：使用 tag 定义标签内部内容。也可以使用同名渲染函数 tag -->
     <t-tag-input v-model="tags" clearable :min-collapsed-num="2">
       <template #tag="{ value }">
-        <img
-          src="https://tdesign.gtimg.com/site/avatar.jpg"
-          style="max-width: 20px; max-height: 20px; border-radius: 50%"
-        />
-        <span>&nbsp;&nbsp;{{ value }}</span>
+        <span class="displayItem">
+          <img src="https://tdesign.gtimg.com/site/avatar.jpg" />
+          <span>&nbsp;&nbsp;{{ value }}</span>
+        </span>
       </template>
     </t-tag-input>
 
@@ -23,11 +22,10 @@
           style="margin-right: 4px"
           @close="() => onClose(index)"
         >
-          <img
-            src="https://tdesign.gtimg.com/site/avatar.jpg"
-            style="max-width: 20px; max-height: 20px; border-radius: 50%"
-          />
-          <span>&nbsp;&nbsp;{{ item }}</span>
+          <span class="displayItem">
+            <img src="https://tdesign.gtimg.com/site/avatar.jpg" />
+            <span>&nbsp;&nbsp;{{ item }}</span>
+          </span>
         </t-tag>
       </template>
     </t-tag-input>
@@ -39,3 +37,13 @@ import { ref } from 'vue';
 
 const tags = ref(['StudentA', 'StudentB', 'StudentC']);
 </script>
+<style>
+.displayItem {
+  position: relative;
+}
+.displayItem img {
+  width: 20px;
+  border-radius: 50%;
+  vertical-align: text-top;
+}
+</style>

package.json

@@ -1,7 +1,7 @@
 {
   "name": "tdesign-vue-next",
   "purename": "tdesign",
-  "version": "0.17.5",
+  "version": "0.18.0",
   "title": "tdesign-vue-next",
   "description": "TDesign Component for vue-next",
   "keywords": [

test/snap/__snapshots__/csr.test.js.snap

@@ -125120,12 +125120,15 @@ exports[`csr snapshot test > csr test ./examples/tag-input/demos/custom-tag.vue
           <!---->
 
 
-          <img
-            src="https://tdesign.gtimg.com/site/avatar.jpg"
-            style="max-width: 20px; max-height: 20px; border-radius: 50%;"
-          />
-          <span>
-              StudentA
+          <span
+            class="displayItem"
+          >
+            <img
+              src="https://tdesign.gtimg.com/site/avatar.jpg"
+            />
+            <span>
+                StudentA
+            </span>
           </span>
 
 
@@ -125149,12 +125152,15 @@ exports[`csr snapshot test > csr test ./examples/tag-input/demos/custom-tag.vue
           <!---->
 
 
-          <img
-            src="https://tdesign.gtimg.com/site/avatar.jpg"
-            style="max-width: 20px; max-height: 20px; border-radius: 50%;"
-          />
-          <span>
-              StudentB
+          <span
+            class="displayItem"
+          >
+            <img
+              src="https://tdesign.gtimg.com/site/avatar.jpg"
+            />
+            <span>
+                StudentB
+            </span>
           </span>
 
 
@@ -125217,12 +125223,15 @@ exports[`csr snapshot test > csr test ./examples/tag-input/demos/custom-tag.vue
         >
           <!---->
 
-          <img
-            src="https://tdesign.gtimg.com/site/avatar.jpg"
-            style="max-width: 20px; max-height: 20px; border-radius: 50%;"
-          />
-          <span>
-              StudentA
+          <span
+            class="displayItem"
+          >
+            <img
+              src="https://tdesign.gtimg.com/site/avatar.jpg"
+            />
+            <span>
+                StudentA
+            </span>
           </span>
 
           <svg
@@ -125245,12 +125254,15 @@ exports[`csr snapshot test > csr test ./examples/tag-input/demos/custom-tag.vue
         >
           <!---->
 
-          <img
-            src="https://tdesign.gtimg.com/site/avatar.jpg"
-            style="max-width: 20px; max-height: 20px; border-radius: 50%;"
-          />
-          <span>
-              StudentB
+          <span
+            class="displayItem"
+          >
+            <img
+              src="https://tdesign.gtimg.com/site/avatar.jpg"
+            />
+            <span>
+                StudentB
+            </span>
           </span>
 
           <svg
@@ -125273,12 +125285,15 @@ exports[`csr snapshot test > csr test ./examples/tag-input/demos/custom-tag.vue
         >
           <!---->
 
-          <img
-            src="https://tdesign.gtimg.com/site/avatar.jpg"
-            style="max-width: 20px; max-height: 20px; border-radius: 50%;"
-          />
-          <span>
-              StudentC
+          <span
+            class="displayItem"
+          >
+            <img
+              src="https://tdesign.gtimg.com/site/avatar.jpg"
+            />
+            <span>
+                StudentC
+            </span>
           </span>
 
           <svg