fix:修改saas模式表格排序按钮间距

Author: discreted66

examples/sites/demos/pc/app/icon/iconGroups.js

@@ -71,7 +71,8 @@ export const iconGroups = {
     'IconUp',
     'IconUpdate',
     'IconUpO',
-    'IconUpWard'
+    'IconUpWard',
+    'IconTriangleUp'
   ],
   Downward: [
     'IconArrowBottom',

packages/design/saas/src/grid/index.ts

@@ -1,4 +1,4 @@
-import { iconChevronUp, iconChevronDown } from '@opentiny/vue-icon'
+import { IconTriangleDown, IconTriangleUp } from '@opentiny/vue-icon'
 
 export default {
   validConfig: {
@@ -11,7 +11,7 @@ export default {
   icons: {
     // saas不需要默认排序图标
     sortDefault: null,
-    sortAsc: iconChevronUp(),
-    sortDesc: iconChevronDown()
+    sortAsc: IconTriangleUp(),
+    sortDesc: IconTriangleDown()
   }
 }

packages/theme-saas/src/grid/table.less

@@ -688,7 +688,7 @@
       @apply ~'h-3.5';
       line-height: 14px;
       @apply block;
-      @apply text-xs;
+      @apply text-md;
       @apply fill-color-icon-secondary;
       transform: scale(0.8);
       @apply cursor-pointer;

packages/theme-saas/src/svgs/triangle-down.svg

@@ -380,6 +380,7 @@ import IconText from './src/text'
 import IconTime from './src/time'
 import IconTotal from './src/total'
 import IconTriangleDown from './src/triangle-down'
+import IconTriangleUp from './src/triangle-up'
 import IconUndelete from './src/undelete'
 import IconUnderline from './src/underline'
 import IconUndo from './src/undo'
@@ -1455,6 +1456,8 @@ export {
   IconTotal as iconTotal,
   IconTriangleDown,
   IconTriangleDown as iconTriangleDown,
+  IconTriangleUp,
+  IconTriangleUp as iconTriangleUp,
   IconUndelete,
   IconUndelete as iconUndelete,
   IconUnderline,
@@ -2063,6 +2066,7 @@ export default {
   IconTime,
   IconTotal,
   IconTriangleDown,
+  IconTriangleUp,
   IconUndelete,
   IconUnderline,
   IconUndo,

packages/theme-saas/src/svgs/triangle-up.svg

@@ -380,6 +380,7 @@ import IconText from './src/text'
 import IconTime from './src/time'
 import IconTotal from './src/total'
 import IconTriangleDown from './src/triangle-down'
+import IconTriangleUp from './src/triangle-up'
 import IconUndelete from './src/undelete'
 import IconUnderline from './src/underline'
 import IconUndo from './src/undo'
@@ -1455,6 +1456,8 @@ export {
   IconTotal as iconTotal,
   IconTriangleDown,
   IconTriangleDown as iconTriangleDown,
+  IconTriangleUp,
+  IconTriangleUp as iconTriangleUp,
   IconUndelete,
   IconUndelete as iconUndelete,
   IconUnderline,
@@ -2063,6 +2066,7 @@ export default {
   IconTime,
   IconTotal,
   IconTriangleDown,
+  IconTriangleUp,
   IconUndelete,
   IconUnderline,
   IconUndo,

packages/theme/src/svgs/triangle-down.svg

@@ -0,0 +1,15 @@
+/**
+ * Copyright (c) 2022 - present TinyVue Authors.
+ * Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
+import { svg } from '@opentiny/vue-common'
+import TriangleUp from '@opentiny/vue-theme/svgs/triangle-up.svg'
+
+export default () => svg({ name: 'IconTriangleUp', component: TriangleUp })()