From 49072ba5bd236b2f112689d5fd844b00a9e36ca7 Mon Sep 17 00:00:00 2001
From: sheepluo <sheepluo@tencent.com>
Date: Fri, 11 Feb 2022 20:11:40 +0800
Subject: [PATCH 1/4] =?UTF-8?q?docs(notification):=20=E6=8F=92=E4=BB=B6?=
 =?UTF-8?q?=E8=B0=83=E7=94=A8=E4=B8=8E=E5=87=BD=E6=95=B0=E5=BC=8F=E8=B0=83?=
 =?UTF-8?q?=E7=94=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 examples/notification/notification.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/examples/notification/notification.md b/examples/notification/notification.md
index 35af8b00f..012bade20 100644
--- a/examples/notification/notification.md
+++ b/examples/notification/notification.md
@@ -6,7 +6,7 @@
 
 {{ close-all }}
 
-### 指令调用形式的消息通知
+### 插件调用与函数式调用
 
 支持插件式调用 `this.$notify` 和函数式调用 `NotifyPlugin` 两种方式，两种方式参数完全一样。
 

From f76548cd613587379b948f33accffc26cc9863d8 Mon Sep 17 00:00:00 2001
From: chaishi <yaoyanhuoyi@qq.com>
Date: Tue, 29 Mar 2022 01:59:35 +0800
Subject: [PATCH 2/4] feat: filter popup

---
 examples/table/demos/loading.vue              | 12 +---
 examples/table/demos/multi-header.vue         |  5 +-
 examples/table/demos/pagination-ajax.vue      |  4 +-
 src/_common                                   |  2 +-
 src/hooks/useVirtualScroll.ts                 |  6 +-
 src/table/base-table.tsx                      | 16 +++---
 src/table/filter-controller.tsx               |  7 ++-
 src/table/hooks/useFilter.tsx                 |  5 +-
 src/table/primary-table.tsx                   | 21 ++++---
 src/table/thead.tsx                           | 18 ++++--
 test/ssr/__snapshots__/ssr.test.js.snap       | 32 +++++------
 .../table/__snapshots__/demo.test.js.snap     | 55 ++++++++-----------
 12 files changed, 92 insertions(+), 91 deletions(-)

diff --git a/examples/table/demos/loading.vue b/examples/table/demos/loading.vue
index ff1865901..c5c7726c4 100644
--- a/examples/table/demos/loading.vue
+++ b/examples/table/demos/loading.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="tdesign-demo-block-column">
-    <t-table :data="data" :columns="columns" :rowKey="rowKey" :size="size" :loading="true" height="150"></t-table>
+    <t-table :data="data" :columns="columns" :rowKey="rowKey" :size="size" :loading="true"></t-table>
 
     <!-- loading-props 用于透传全部加载组件特性，以便实现更多自定义内容-->
     <!-- loadingProps.indicator=false 隐藏加载图标 -->
@@ -11,20 +11,12 @@
       :size="size"
       :loading="true"
       :loading-props="{ indicator: false }"
-      height="150"
     >
       <div slot="loading" class="t-table--loading-message">😊 这里使用插槽自定义加载状态 😊</div>
     </t-table>
 
     <!-- loadingProps.indicator=false 隐藏加载图标 -->
-    <t-table
-      :data="[]"
-      :columns="columns"
-      :rowKey="rowKey"
-      :size="size"
-      :loading="renderLoading"
-      height="150"
-    ></t-table>
+    <t-table :data="[]" :columns="columns" :rowKey="rowKey" :size="size" :loading="renderLoading"></t-table>
   </div>
 </template>
 <script lang="jsx">
diff --git a/examples/table/demos/multi-header.vue b/examples/table/demos/multi-header.vue
index ce98a1d00..260587707 100644
--- a/examples/table/demos/multi-header.vue
+++ b/examples/table/demos/multi-header.vue
@@ -21,7 +21,7 @@
       :sort.sync="sortInfo"
       :columns="columns"
       :bordered="bordered"
-      :max-height="fixedHeader ? 380 : 1000"
+      :max-height="fixedHeader ? 380 : undefined"
       :columnController="{ displayType: 'auto-width' }"
       :filterRow="() => null"
       :headerAffixProps="{ offsetTop: 0 }"
@@ -141,11 +141,10 @@ function getColumns(fixedLeftCol, fixedRightCol) {
       children: [
         {
           align: 'left',
-          ellipsis: true,
           colKey: 'property',
           title: '属性',
           fixed: fixedRightCol && 'right',
-          width: 100,
+          width: 110,
           filter: {
             type: 'single',
             list: [
diff --git a/examples/table/demos/pagination-ajax.vue b/examples/table/demos/pagination-ajax.vue
index b1f076b4a..284079b43 100644
--- a/examples/table/demos/pagination-ajax.vue
+++ b/examples/table/demos/pagination-ajax.vue
@@ -25,7 +25,7 @@ export default {
           colKey: 'name',
           title: '姓名',
           render(h, { row: { name } }) {
-            return name ? `${name.first} ${name.last}` : 'UNKNOW_USER';
+            return name ? `${name.first} ${name.last}` : 'UNKNOWN_USER';
           },
         },
         {
@@ -48,7 +48,7 @@ export default {
           ellipsis: true,
         },
       ],
-      rowKey: 'property',
+      rowKey: 'phone',
       tableLayout: 'auto',
       rowClassName: 'property-class',
       pagination: {
diff --git a/src/_common b/src/_common
index c16cf9336..52297a788 160000
--- a/src/_common
+++ b/src/_common
@@ -1 +1 @@
-Subproject commit c16cf9336964f16c40ea3d546e51cfd2cf0c4745
+Subproject commit 52297a788b8c404b79d10a817008a0cc77fb2d8b
diff --git a/src/hooks/useVirtualScroll.ts b/src/hooks/useVirtualScroll.ts
index 06c8c9817..bee8fc1b2 100644
--- a/src/hooks/useVirtualScroll.ts
+++ b/src/hooks/useVirtualScroll.ts
@@ -95,14 +95,14 @@ const useVirtualScroll = ({
     if (!anchorDom) {
       return; // 快速调整高度时，新的元素可能来不及加载，暂时跳过更新
     }
-    const anchorDomHeight = anchorDom.getBoundingClientRect().height; // 获取锚点元素的高
+    const anchorDomHeight = anchorDom?.getBoundingClientRect()?.height; // 获取锚点元素的高
     state.cachedScrollY[index] = container.value.scrollTop - offset; // 锚点元素scrollY= 容器滚动高度 - 锚点元素的offset
     state.cachedHeight[index] = anchorDomHeight;
 
     for (let i = index + 1; i <= state.visibleData[state.visibleData.length - 1].$index; i++) {
       // 计算锚点后面的元素scrollY
       const tr = trs.get(i);
-      const { height } = tr.getBoundingClientRect();
+      const { height } = tr?.getBoundingClientRect() || {};
       state.cachedHeight[i] = height;
       const scrollY = state.cachedScrollY[i - 1] + state.cachedHeight[i - 1]; // 当前元素的y 是前一个元素的y+前一个元素高度
       // state.cachedScrollY[i] = scrollY;
@@ -111,7 +111,7 @@ const useVirtualScroll = ({
 
     for (let i = index - 1; i >= state.visibleData[0].$index; i--) {
       const tr = trs.get(i);
-      const { height } = tr.getBoundingClientRect();
+      const { height } = tr?.getBoundingClientRect() || {};
       state.cachedHeight[i] = height;
       const scrollY = state.cachedScrollY[i + 1] - state.cachedHeight[i]; // 当前元素的y是下一个元素y - 当前元素高度
       // state.cachedScrollY[i] = scrollY;
diff --git a/src/table/base-table.tsx b/src/table/base-table.tsx
index 20c8083c1..411d994e1 100644
--- a/src/table/base-table.tsx
+++ b/src/table/base-table.tsx
@@ -77,12 +77,14 @@ export default defineComponent({
 
     const dynamicBaseTableClasses = computed(() => [
       tableClasses.value,
-      { [tableBaseClass.headerFixed]: isFixedHeader.value },
-      { [tableBaseClass.columnFixed]: isFixedColumn.value },
-      { [tableBaseClass.widthOverflow]: isWidthOverflow.value },
-      { [tableBaseClass.multipleHeader]: isMultipleHeader.value },
-      { [tableColFixedClasses.leftShadow]: showColumnShadow.left },
-      { [tableColFixedClasses.rightShadow]: showColumnShadow.right },
+      {
+        [tableBaseClass.headerFixed]: isFixedHeader.value,
+        [tableBaseClass.columnFixed]: isFixedColumn.value,
+        [tableBaseClass.widthOverflow]: isWidthOverflow.value,
+        [tableBaseClass.multipleHeader]: isMultipleHeader.value,
+        [tableColFixedClasses.leftShadow]: showColumnShadow.left,
+        [tableColFixedClasses.rightShadow]: showColumnShadow.right,
+      },
     ]);
 
     const tableElmClasses = computed(() => [
@@ -305,8 +307,8 @@ export default defineComponent({
       <Loading
         loading={!!(this.loading || customLoadingText)}
         text={customLoadingText ? () => customLoadingText : undefined}
-        props={this.loadingProps}
         showOverlay
+        props={this.loadingProps}
       >
         {tableContent}
       </Loading>
diff --git a/src/table/filter-controller.tsx b/src/table/filter-controller.tsx
index 7e48cabd9..925f70733 100644
--- a/src/table/filter-controller.tsx
+++ b/src/table/filter-controller.tsx
@@ -31,6 +31,7 @@ export interface TableFilterControllerProps {
   };
   isFocusClass: string;
   column: PrimaryTableCol;
+  primaryTableElement: HTMLDivElement;
 }
 
 export default defineComponent({
@@ -42,10 +43,12 @@ export default defineComponent({
     innerFilterValue: Object as PropType<TableFilterControllerProps['innerFilterValue']>,
     tableFilterClasses: Object as PropType<TableFilterControllerProps['tableFilterClasses']>,
     isFocusClass: String,
+    primaryTableElement: HTMLDivElement,
   },
 
   // eslint-disable-next-line
   setup(props: TableFilterControllerProps) {
+    const triggerElementRef = ref<HTMLDivElement>(null);
     const renderTNode = useTNodeDefault();
     const { t, global } = useConfig('table');
     const filterPopupVisible = ref(false);
@@ -58,6 +61,7 @@ export default defineComponent({
       t,
       global,
       filterPopupVisible,
+      triggerElementRef,
       renderTNode,
       onFilterPopupVisibleChange,
     };
@@ -150,6 +154,7 @@ export default defineComponent({
     const defaultFilterIcon = this.t(this.global.filterIcon) || <FilterIcon />;
     return (
       <Popup
+        attach={this.primaryTableElement ? () => this.primaryTableElement : undefined}
         visible={this.filterPopupVisible}
         destroyOnClose
         trigger="click"
@@ -167,7 +172,7 @@ export default defineComponent({
           </div>
         )}
       >
-        <div>{this.renderTNode('filterIcon', defaultFilterIcon)}</div>
+        <div ref="triggerElementRef">{this.renderTNode('filterIcon', defaultFilterIcon)}</div>
       </Popup>
     );
   },
diff --git a/src/table/hooks/useFilter.tsx b/src/table/hooks/useFilter.tsx
index 638386f64..2c7e14206 100644
--- a/src/table/hooks/useFilter.tsx
+++ b/src/table/hooks/useFilter.tsx
@@ -27,11 +27,12 @@ function filterEmptyData(data: FilterValue) {
 }
 
 export default function useFilter(props: TdPrimaryTableProps, context: SetupContext) {
+  const primaryTableRef = ref(null);
   const renderTNode = useTNodeDefault();
   const { filterValue } = toRefs(props);
   const { tableFilterClasses, isFocusClass } = useClassName();
 
-  // uncontroll and controll
+  // unControl and control
   const [tFilterValue, setTFilterValue] = useDefaultValue(
     filterValue,
     props.defaultFilterValue,
@@ -144,6 +145,7 @@ export default function useFilter(props: TdPrimaryTableProps, context: SetupCont
         innerFilterValue={innerFilterValue.value}
         tableFilterClasses={tableFilterClasses}
         isFocusClass={isFocusClass}
+        primaryTableElement={primaryTableRef.value?.$el}
         on={{
           reset: onReset,
           confirm: onConfirm,
@@ -154,6 +156,7 @@ export default function useFilter(props: TdPrimaryTableProps, context: SetupCont
   }
 
   return {
+    primaryTableRef,
     hasEmptyCondition,
     renderFilterIcon,
     renderFirstFilterRow,
diff --git a/src/table/primary-table.tsx b/src/table/primary-table.tsx
index 6e626b97a..ab0f88103 100644
--- a/src/table/primary-table.tsx
+++ b/src/table/primary-table.tsx
@@ -39,7 +39,9 @@ export default defineComponent({
     // 行选中功能
     const { formatToRowSelectColumn, tRowClassNames } = useRowSelect(props);
     // 过滤功能
-    const { hasEmptyCondition, renderFilterIcon, renderFirstFilterRow } = useFilter(props, context);
+    const {
+      hasEmptyCondition, primaryTableRef, renderFilterIcon, renderFirstFilterRow,
+    } = useFilter(props, context);
 
     const { renderTitleWidthIcon } = useTableHeader(props);
     const { renderAsyncLoading } = useAsyncLoading(props, context);
@@ -100,6 +102,7 @@ export default defineComponent({
       showExpandedRow,
       tRowClassNames,
       hasEmptyCondition,
+      primaryTableRef,
       renderTNode,
       renderColumnController,
       renderExpandedRow,
@@ -112,14 +115,14 @@ export default defineComponent({
 
   methods: {
     // support @row-click @page-change @row-hover .etc. events, Vue3 do not need this function
-    getListenser() {
-      const listenser: TableListeners = {};
+    getListener() {
+      const listener: TableListeners = {};
       BASE_TABLE_ALL_EVENTS.forEach((key) => {
-        listenser[key] = (...args: any) => {
+        listener[key] = (...args: any) => {
           this.$emit(key, ...args);
         };
       });
-      return listenser;
+      return listener;
     },
 
     formatNode(api: string, renderInnerNode: Function, condition: boolean) {
@@ -131,8 +134,8 @@ export default defineComponent({
       if (innerNode && propsNode) {
         return () => (
           <div>
-            {innerNode}
             {propsNode}
+            {innerNode}
           </div>
         );
       }
@@ -155,15 +158,15 @@ export default defineComponent({
       lastFullRow,
     };
 
-    // 事件，Vue3 do not need this.getListenser
+    // 事件，Vue3 do not need this.getListener
     const on: TableListeners = {
-      ...this.getListenser(),
+      ...this.getListener(),
       'page-change': this.onInnerPageChange,
     };
     if (this.expandOnRowClick) {
       on['row-click'] = this.onInnerExpandRowClick;
     }
     // replace `scopedSlots={this.$scopedSlots}` of `v-slots={this.$slots}` in Vue3
-    return <BaseTable scopedSlots={this.$scopedSlots} props={props} on={on} {...this.$attrs} />;
+    return <BaseTable ref="primaryTableRef" scopedSlots={this.$scopedSlots} props={props} on={on} {...this.$attrs} />;
   },
 });
diff --git a/src/table/thead.tsx b/src/table/thead.tsx
index 66957a5b4..ce4ab8993 100644
--- a/src/table/thead.tsx
+++ b/src/table/thead.tsx
@@ -1,5 +1,5 @@
 import {
-  defineComponent, computed, SetupContext, PropType,
+  defineComponent, computed, SetupContext, PropType, ref,
 } from '@vue/composition-api';
 import isFunction from 'lodash/isFunction';
 import { CreateElement } from 'vue';
@@ -41,6 +41,7 @@ export default defineComponent({
   },
 
   setup(props: TheadProps, { slots }: SetupContext) {
+    const theadRef = ref<HTMLHeadElement>();
     const classnames = useClassName();
     const { tableHeaderClasses, tableBaseClass } = classnames;
     const { classPrefix } = useConfig();
@@ -55,6 +56,7 @@ export default defineComponent({
 
     return {
       ...classnames,
+      theadRef,
       theadClasses,
       classPrefix,
       slots,
@@ -73,9 +75,9 @@ export default defineComponent({
       const thRowspanAndColspan = this.spansAndLeafNodes.rowspanAndColspanMap;
       return this.thList.map((row, rowIndex) => {
         const thRow = row.map((col: TableColumns[0], index: number) => {
-          const rospanAndColspan = thRowspanAndColspan.get(col);
-          if (index === 0 && rospanAndColspan.rowspan > 1) {
-            for (let j = rowIndex + 1; j < rowIndex + rospanAndColspan.rowspan; j++) {
+          const rowspanAndColspan = thRowspanAndColspan.get(col);
+          if (index === 0 && rowspanAndColspan.rowspan > 1) {
+            for (let j = rowIndex + 1; j < rowIndex + rowspanAndColspan.rowspan; j++) {
               thBorderMap.set(this.thList[j][0], true);
             }
           }
@@ -107,10 +109,14 @@ export default defineComponent({
               data-colkey={col.colKey}
               class={thClasses}
               style={styles}
-              attrs={{ ...rospanAndColspan }}
+              attrs={{ ...rowspanAndColspan }}
             >
               <div class={this.tableBaseClass.thCellInner}>
-                {col.ellipsis ? <TEllipsis>{innerTh}</TEllipsis> : innerTh}
+                {col.ellipsis ? (
+                  <TEllipsis attach={this.theadRef ? () => this.theadRef : undefined}>{innerTh}</TEllipsis>
+                ) : (
+                  innerTh
+                )}
               </div>
             </th>
           );
diff --git a/test/ssr/__snapshots__/ssr.test.js.snap b/test/ssr/__snapshots__/ssr.test.js.snap
index 2eb0d4e15..570ddb207 100644
--- a/test/ssr/__snapshots__/ssr.test.js.snap
+++ b/test/ssr/__snapshots__/ssr.test.js.snap
@@ -13123,8 +13123,8 @@ exports[`ssr snapshot test renders ./examples/table/demos/loading.vue correctly
 <div class="tdesign-demo-block-column">
   <div class="t-table t-size-s" style="position:relative;">
     <div class="t-loading__parent">
-      <div class="t-table__content" style="height:150px;">
-        <table class="t-table--layout-fixed t-table--full-height" style="width:;">
+      <div class="t-table__content">
+        <table class="t-table--layout-fixed" style="width:;">
           <colgroup>
             <col style="width:100px;">
             <col style="width:100px;">
@@ -13180,8 +13180,8 @@ exports[`ssr snapshot test renders ./examples/table/demos/loading.vue correctly
   </div>
   <div class="t-table t-size-s" style="position:relative;">
     <div class="t-loading__parent">
-      <div class="t-table__content" style="height:150px;">
-        <table class="t-table--layout-fixed t-table--full-height" style="width:;">
+      <div class="t-table__content">
+        <table class="t-table--layout-fixed" style="width:;">
           <colgroup>
             <col style="width:100px;">
             <col style="width:100px;">
@@ -13237,8 +13237,8 @@ exports[`ssr snapshot test renders ./examples/table/demos/loading.vue correctly
   </div>
   <div class="t-table t-size-s" style="position:relative;">
     <div class="t-loading__parent">
-      <div class="t-table__content" style="height:150px;">
-        <table class="t-table--layout-fixed t-table--full-height" style="width:;">
+      <div class="t-table__content">
+        <table class="t-table--layout-fixed" style="width:;">
           <colgroup>
             <col style="width:100px;">
             <col style="width:100px;">
@@ -13395,7 +13395,7 @@ exports[`ssr snapshot test renders ./examples/table/demos/multi-header.vue corre
           <col style="width:100px;">
           <col style="width:100px;">
           <col style="width:100px;">
-          <col style="width:100px;">
+          <col style="width:110px;">
           <col style="width:100px;">
           <col style="width:100px;">
           <col style="width:100px;">
@@ -13437,15 +13437,13 @@ exports[`ssr snapshot test renders ./examples/table/demos/multi-header.vue corre
             </th>
             <th data-colkey="property" rowspan="2" class="t-table__th-property">
               <div class="t-table__th-cell-inner">
-                <div class="t-table__ellipsis t-text-ellipsis">
-                  <div class="t-table__cell--filterable">
-                    <div class="t-table__cell--title">
-                      <div>属性</div>
-                      <div class="t-table__filter-icon-wrap">
-                        <div class="t-table__filter-icon"><svg fill="none" viewBox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-filter">
-                            <path fill="currentColor" d="M2 3a1 1 0 011-1h10a1 1 0 011 1v1.79l-4.25 2.5V14h-3.5V7.29L2 4.79V3zm11 0H3v1.21l4.25 2.5V13h1.5V6.71L13 4.21V3z" fill-opacity="0.9"></path>
-                          </svg></div>
-                      </div>
+                <div class="t-table__cell--filterable">
+                  <div class="t-table__cell--title">
+                    <div>属性</div>
+                    <div class="t-table__filter-icon-wrap">
+                      <div class="t-table__filter-icon"><svg fill="none" viewBox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-filter">
+                          <path fill="currentColor" d="M2 3a1 1 0 011-1h10a1 1 0 011 1v1.79l-4.25 2.5V14h-3.5V7.29L2 4.79V3zm11 0H3v1.21l4.25 2.5V13h1.5V6.71L13 4.21V3z" fill-opacity="0.9"></path>
+                        </svg></div>
                     </div>
                   </div>
                 </div>
@@ -13750,7 +13748,7 @@ exports[`ssr snapshot test renders ./examples/table/demos/pagination-ajax.vue co
       <thead class="t-table__header">
         <tr>
           <th data-colkey="name" class="t-table__th-name">
-            <div class="t-table__th-cell-inner">UNKNOW_USER</div>
+            <div class="t-table__th-cell-inner">UNKNOWN_USER</div>
           </th>
           <th data-colkey="gender" class="t-table__th-gender">
             <div class="t-table__th-cell-inner">性别</div>
diff --git a/test/unit/table/__snapshots__/demo.test.js.snap b/test/unit/table/__snapshots__/demo.test.js.snap
index b93cb1112..23049fdc1 100644
--- a/test/unit/table/__snapshots__/demo.test.js.snap
+++ b/test/unit/table/__snapshots__/demo.test.js.snap
@@ -11726,10 +11726,9 @@ exports[`Table Table loadingVue demo works fine 1`] = `
     >
       <div
         class="t-table__content"
-        style="height: 150px;"
       >
         <table
-          class="t-table--layout-fixed t-table--full-height"
+          class="t-table--layout-fixed"
         >
           <colgroup>
             <col
@@ -11883,10 +11882,9 @@ exports[`Table Table loadingVue demo works fine 1`] = `
     >
       <div
         class="t-table__content"
-        style="height: 150px;"
       >
         <table
-          class="t-table--layout-fixed t-table--full-height"
+          class="t-table--layout-fixed"
         >
           <colgroup>
             <col
@@ -12029,10 +12027,9 @@ exports[`Table Table loadingVue demo works fine 1`] = `
     >
       <div
         class="t-table__content"
-        style="height: 150px;"
       >
         <table
-          class="t-table--layout-fixed t-table--full-height"
+          class="t-table--layout-fixed"
         >
           <colgroup>
             <col
@@ -12621,7 +12618,7 @@ exports[`Table Table multiHeaderVue demo works fine 1`] = `
             style="width: 100px;"
           />
           <col
-            style="width: 100px;"
+            style="width: 110px;"
           />
           <col
             style="width: 100px;"
@@ -12761,37 +12758,33 @@ exports[`Table Table multiHeaderVue demo works fine 1`] = `
                 class="t-table__th-cell-inner"
               >
                 <div
-                  class="t-table__ellipsis t-text-ellipsis"
+                  class="t-table__cell--filterable"
                 >
                   <div
-                    class="t-table__cell--filterable"
+                    class="t-table__cell--title"
                   >
+                    <div>
+                      属性
+                    </div>
                     <div
-                      class="t-table__cell--title"
+                      class="t-table__filter-icon-wrap"
                     >
-                      <div>
-                        属性
-                      </div>
                       <div
-                        class="t-table__filter-icon-wrap"
+                        class="t-table__filter-icon"
                       >
-                        <div
-                          class="t-table__filter-icon"
+                        <svg
+                          class="t-icon t-icon-filter"
+                          fill="none"
+                          height="1em"
+                          viewBox="0 0 16 16"
+                          width="1em"
                         >
-                          <svg
-                            class="t-icon t-icon-filter"
-                            fill="none"
-                            height="1em"
-                            viewBox="0 0 16 16"
-                            width="1em"
-                          >
-                            <path
-                              d="M2 3a1 1 0 011-1h10a1 1 0 011 1v1.79l-4.25 2.5V14h-3.5V7.29L2 4.79V3zm11 0H3v1.21l4.25 2.5V13h1.5V6.71L13 4.21V3z"
-                              fill="currentColor"
-                              fill-opacity="0.9"
-                            />
-                          </svg>
-                        </div>
+                          <path
+                            d="M2 3a1 1 0 011-1h10a1 1 0 011 1v1.79l-4.25 2.5V14h-3.5V7.29L2 4.79V3zm11 0H3v1.21l4.25 2.5V13h1.5V6.71L13 4.21V3z"
+                            fill="currentColor"
+                            fill-opacity="0.9"
+                          />
+                        </svg>
                       </div>
                     </div>
                   </div>
@@ -13332,7 +13325,7 @@ exports[`Table Table paginationAjaxVue demo works fine 1`] = `
             <div
               class="t-table__th-cell-inner"
             >
-              UNKNOW_USER
+              UNKNOWN_USER
             </div>
           </th>
           <th

From acaabff9715cce7f9d0a4908f83c32a6f9d837f9 Mon Sep 17 00:00:00 2001
From: chaishi <yaoyanhuoyi@qq.com>
Date: Tue, 29 Mar 2022 02:15:23 +0800
Subject: [PATCH 3/4] feat: update common

---
 src/_common | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/_common b/src/_common
index 52297a788..c0d29305f 160000
--- a/src/_common
+++ b/src/_common
@@ -1 +1 @@
-Subproject commit 52297a788b8c404b79d10a817008a0cc77fb2d8b
+Subproject commit c0d29305f0258ec8261912f0e7d56d0131822499

From 46bd8c35fb4f45fc4be8da78e7d5575d02445a23 Mon Sep 17 00:00:00 2001
From: chaishi <yaoyanhuoyi@qq.com>
Date: Tue, 29 Mar 2022 17:09:44 +0800
Subject: [PATCH 4/4] feat: update common

---
 src/_common | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/_common b/src/_common
index c0d29305f..d0706ddbf 160000
--- a/src/_common
+++ b/src/_common
@@ -1 +1 @@
-Subproject commit c0d29305f0258ec8261912f0e7d56d0131822499
+Subproject commit d0706ddbf12a4b76ed8f322af344af47fe17b4b2