Table sort icon perf , delete sort & name icon

ideal-world · Aug 26, 2024 · a11f2a5 · a11f2a5
1 parent a295727
commit a11f2a5
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 5 deletions.
diff --git a/src/components/function/RowSortSetting.vue b/src/components/function/RowSortSetting.vue
@@ -117,7 +117,6 @@ function addSortCond(columnName: string, orderDesc: boolean) {
         class="iw-row-sort__item p-1 flex w-full justify-between cursor-move py-2"
       >
         <div>
-          <i :class="`${iconSvg.GRABBER} mr-0.5`" />
           <i :class="`${props.columnsConf.find(col => col.name === column.columnName)?.icon} mr-0.5`" />
           {{ props.columnsConf.find(col => col.name === column.columnName)?.title }}
         </div>
@@ -150,7 +149,6 @@ function addSortCond(columnName: string, orderDesc: boolean) {
         :data-column-name="column.name"
       >
         <div>
-          <i :class="`${column.icon} mr-0.5 ml-1`" />
           {{ column.title }}
         </div>
         <div class="iw-join ml-1">

diff --git a/src/components/layout/list/ListHeader.vue b/src/components/layout/list/ListHeader.vue
@@ -216,10 +216,10 @@ function handleSort(column: ColumnConfWithSort) {
         :title="column.title"
         @click="(event: MouseEvent) => showHeaderContextMenu(event, column.name)"
       >
-        <i :class="`${column.icon} mr-1`" /> {{ column.title }}
+        {{ column.title }}
         <div v-if="column.hasOwnProperty('orderDesc')" class="sort-box flex flex-col items-center justify-center ml-2" @click.stop="handleSort(column as ColumnConfWithSort)">
-          <i class="sort-icon octicon-triangle-down-24 rotate-180 mb-[-3px]" :class="`${column.orderDesc === false ? 'text-primary' : ''}`" />
-          <i class="sort-icon octicon-triangle-down-24 mt-[-12px]" :class="column.orderDesc ? 'text-primary' : ''" />
+          <i class="sort-icon octicon-triangle-down-24 text-[rgb(192,196,204)] rotate-180 hover:text-[var(--sys-primary)]" :class="`${column.orderDesc === false ? 'text-primary' : ''}`" />
+          <i class="sort-icon octicon-triangle-down-24 text-[rgb(192,196,204)] mt-[-12px] hover:text-[var(--sys-primary)]" :class="column.orderDesc ? 'text-primary' : ''" />
         </div>
       </div>
       <!-- 操作列 -->