fix:修改saas模式表格排序按钮间距 (#3603)

discreted66 · web-flow · commit 532c8a7ee1c8 · 2025-07-24T10:42:26.000+08:00
diff --git a/examples/sites/demos/pc/app/icon/iconGroups.js b/examples/sites/demos/pc/app/icon/iconGroups.js
@@ -71,7 +71,8 @@ export const iconGroups = {
     'IconUp',
     'IconUpdate',
     'IconUpO',
-    'IconUpWard'
+    'IconUpWard',
+    'IconTriangleUp'
   ],
   Downward: [
     'IconArrowBottom',
diff --git a/packages/design/saas/src/grid/index.ts b/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()
   }
 }
diff --git a/packages/theme-saas/src/grid/table.less b/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;
diff --git a/packages/theme-saas/src/grid/toolbar.less b/packages/theme-saas/src/grid/toolbar.less
@@ -119,6 +119,8 @@
     svg {
       @apply fill-color-icon-primary;
       @apply text-xl;
+      @apply h-5;
+      @apply w-5;
 
       &:hover {
         @apply fill-color-brand-hover;
diff --git a/packages/theme-saas/src/svgs/triangle-down.svg b/packages/theme-saas/src/svgs/triangle-down.svg
@@ -1,8 +1,6 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
-	xmlns:xlink="http://www.w3.org/1999/xlink">
-	<defs />
-	<g opacity="0.000000" />
-	<path id="路径"
-		d="M20.5303 7.46967C20.264 7.20343 19.8474 7.1792 19.5538 7.39703L19.4697 7.46967L12 14.939L4.53033 7.46967C4.26404 7.20343 3.84741 7.1792 3.55377 7.39703L3.46967 7.46967C3.20343 7.73596 3.1792 8.15259 3.39703 8.44623L3.46967 8.53033L11.4697 16.5303C11.736 16.7966 12.1526 16.8208 12.4462 16.603L12.5303 16.5303L20.5303 8.53033C20.8232 8.23743 20.8232 7.76257 20.5303 7.46967Z"
-		fill-rule="evenodd" />
+<svg viewBox="0 8 24 24" xmlns="http://www.w3.org/2000/svg"
+	isSvg="true">
+	<path
+		d="M20.53 7.47a.75.75 0 0 0-.976-.073l-.084.073L12 14.939l-7.47-7.47a.75.75 0 0 0-.976-.072l-.084.073a.75.75 0 0 0-.073.976l.073.084 8 8a.75.75 0 0 0 .976.073l.084-.073 8-8a.75.75 0 0 0 0-1.06Z"
+		fill-rule="evenodd"></path>
 </svg>
diff --git a/packages/theme-saas/src/svgs/triangle-up.svg b/packages/theme-saas/src/svgs/triangle-up.svg
@@ -0,0 +1,6 @@
+<svg viewBox="0 -8 24 24" xmlns="http://www.w3.org/2000/svg"
+	isSvg="true">
+	<path
+		d="M3.47 16.53a.75.75 0 0 0 .976.073l.084-.073L12 9.061l7.47 7.47a.75.75 0 0 0 .976.072l.084-.073a.75.75 0 0 0 .073-.976l-.073-.084-8-8a.75.75 0 0 0-.976-.073l-.084.073-8 8a.75.75 0 0 0 0 1.06Z"
+		fill-rule="evenodd"></path>
+</svg>
diff --git a/packages/theme/src/svgs/triangle-down.svg b/packages/theme/src/svgs/triangle-down.svg
@@ -1,12 +1,6 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 26.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill:none;}
-</style>
-<rect id="矩形" class="st0"/>
-<path id="路径" class="st1" d="M3.16,5.36c0.22-0.22,0.55-0.24,0.79-0.07l0.09,0.07L8,9.32l3.96-3.96
-	c0.22-0.22,0.55-0.24,0.79-0.07l0.09,0.07c0.22,0.22,0.24,0.55,0.07,0.79l-0.07,0.09l-4.4,4.4c-0.22,0.22-0.55,0.24-0.79,0.07
-	l-0.09-0.07l-4.4-4.4C2.92,6,2.92,5.6,3.16,5.36z"/>
-</svg>
+<svg viewBox="0 8 24 24" xmlns="http://www.w3.org/2000/svg"
+	isSvg="true">
+	<path
+		d="M20.53 7.47a.75.75 0 0 0-.976-.073l-.084.073L12 14.939l-7.47-7.47a.75.75 0 0 0-.976-.072l-.084.073a.75.75 0 0 0-.073.976l.073.084 8 8a.75.75 0 0 0 .976.073l.084-.073 8-8a.75.75 0 0 0 0-1.06Z"
+		fill-rule="evenodd"></path>
+</svg>
diff --git a/packages/theme/src/svgs/triangle-up.svg b/packages/theme/src/svgs/triangle-up.svg
@@ -0,0 +1,6 @@
+<svg viewBox="0 -8 24 24" xmlns="http://www.w3.org/2000/svg"
+	isSvg="true">
+	<path
+		d="M3.47 16.53a.75.75 0 0 0 .976.073l.084-.073L12 9.061l7.47 7.47a.75.75 0 0 0 .976.072l.084-.073a.75.75 0 0 0 .073-.976l-.073-.084-8-8a.75.75 0 0 0-.976-.073l-.084.073-8 8a.75.75 0 0 0 0 1.06Z"
+		fill-rule="evenodd"></path>
+</svg>
diff --git a/packages/vue-icon-saas/index.ts b/packages/vue-icon-saas/index.ts
@@ -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,
diff --git a/packages/vue-icon/index.ts b/packages/vue-icon/index.ts
@@ -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,
diff --git a/packages/vue-icon/src/triangle-up/index.ts b/packages/vue-icon/src/triangle-up/index.ts
@@ -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 })()

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { iconChevronUp, iconChevronDown } from '@opentiny/vue-icon'`
	`1`	`+import { IconTriangleDown, IconTriangleUp } from '@opentiny/vue-icon'`
`2`	`2`
`3`	`3`	`export default {`
`4`	`4`	`validConfig: {`
`@@ -11,7 +11,7 @@ export default {`
`11`	`11`	`icons: {`
`12`	`12`	`// saas不需要默认排序图标`
`13`	`13`	`sortDefault: null,`
`14`		`- sortAsc: iconChevronUp(),`
`15`		`- sortDesc: iconChevronDown()`
	`14`	`+ sortAsc: IconTriangleUp(),`
	`15`	`+ sortDesc: IconTriangleDown()`
`16`	`16`	`}`
`17`	`17`	`}`