fix:修复saas主题 (#3347)

discreted66 · web-flow · commit 110914111560 · 2025-04-25T14:30:10.000+08:00
diff --git a/packages/theme-saas/src/grid/header.less b/packages/theme-saas/src/grid/header.less
@@ -77,6 +77,7 @@
 
   .@{grid-prefix-cls}-cell-text {
     @apply w-full;
+    line-height: 1.375rem;
   }
 
   .@{grid-prefix-cls}-edit-icon {
diff --git a/packages/theme-saas/src/grid/mixins/table.less b/packages/theme-saas/src/grid/mixins/table.less
@@ -33,7 +33,7 @@
   &:not(.col__actived) {
     .@{grid-cell-prefix-cls} {
       .TextEllipsis();
-      @apply leading-normal;
+      line-height: 1.375rem;
       // 表头布局从block改为了flex，此处兼容插槽文本溢出不显示省略号问题
       &:not(:has(.tiny-grid-cell-text)) > span:only-of-type:not(.@{grid-cell-prefix}__expanded) {
         @apply text-ellipsis;
diff --git a/packages/theme/src/checkbox/index.less b/packages/theme/src/checkbox/index.less
@@ -111,7 +111,6 @@
     padding-left: 8px;
     font-size: var(--tv-Checkbox-font-size);
     font-weight: var(--tv-Checkbox-font-weight);
-    padding-top: 3px;
   }
 
   &.is-display-only {
diff --git a/packages/theme/src/date-panel/index.less b/packages/theme/src/date-panel/index.less
@@ -158,7 +158,6 @@
 
   // 时区选择
   &__timezone {
-    margin-bottom: 8px;
     padding: 8px 0;
 
     .@{picker-panel-prefix-cls}__tzlist {
@@ -169,11 +168,11 @@
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
-        padding: var(--tv-DatePanel-timezone-li-padding);
+        padding: var(--tv-DatePanel-timezone-li-padding, 5.5px 16px);
         cursor: pointer;
 
         &:hover {
-          background-color: var(--tv-DatePanel-bg-color-hover);
+          background-color: var(--tv-DatePanel-bg-color-hover, #f5f5f5);
         }
       }
 
@@ -182,8 +181,8 @@
         width: 238px;
         bottom: 77px;
         max-height: 260px;
-        box-shadow: var(--tv-DatePanel-box-shadow);
-        background-color: var(--tv-DatePanel-bg-color);
+        box-shadow: var(--tv-DatePanel-box-shadow, 0 4px 16px 0 rgba(0, 0, 0, 0.08));
+        background-color: var(--tv-DatePanel-bg-color, #fff);
       }
     }
 
diff --git a/packages/theme/src/dropdown-item/index.less b/packages/theme/src/dropdown-item/index.less
@@ -35,9 +35,10 @@
 
   &[class*='tiny-'] {
     padding: var(--tv-DropdownItem-padding);
+    margin-bottom: var(--tv-DropdownItem-margin-y);
 
     &:last-of-type {
-      margin-bottom: 0px;
+      margin-bottom: 0;
     }
   }
 
@@ -49,9 +50,9 @@
   &:before {
     content: '';
     content: '';
-    height: 0px;
+    height: 0;
     display: block;
-    margin: 0px;
+    margin: 0;
   }
 
   &__wrap {
diff --git a/packages/theme/src/dropdown-item/vars.less b/packages/theme/src/dropdown-item/vars.less
@@ -34,7 +34,9 @@
   --tv-DropdownItem-icon-color-disabled: var(--tv-color-icon-disabled, #c2c2c2);
 
   // 菜单项内边距
-  --tv-DropdownItem-padding: 0px var(--tv-space-xl, 16px);
+  --tv-DropdownItem-padding: 0 var(--tv-space-xl, 16px);
+  // 菜单项下边距
+  --tv-DropdownItem-margin-y: var(--tv-space-sm, 4px);
   // 展开图标的水平外边距
   --tv-DropdownItem-expand-margin-x: var(--tv-space-md, 8px);
   // 自定义图标的水平外边距
diff --git a/packages/theme/src/svgs/checked-sur.svg b/packages/theme/src/svgs/checked-sur.svg
@@ -3,6 +3,6 @@
 			Created with Pixso.
 	</desc>
 	<defs/>
-	<path id="矢量 3" d="M4 16L12 16C14.2 16 16 14.2 16 12L16 4C16 1.79 14.2 0 12 0L4 0C1.79 0 0 1.79 0 4L0 12C0 14.2 1.79 16 4 16ZM7.26 11.62L13.25 5.19C13.48 4.94 13.46 4.57 13.22 4.34C12.97 4.11 12.6 4.13 12.37 4.37L6.8 10.35L3.6 7.19C3.36 6.96 2.99 6.96 2.75 7.2C2.52 7.44 2.52 7.81 2.76 8.05L6.4 11.64C6.68 11.92 6.97 11.9 7.26 11.62Z" fill="#191919" fill-opacity="1.000000" fill-rule="evenodd"/>
+	<path id="矢量 3" d="M4 16L12 16C14.2 16 16 14.2 16 12L16 4C16 1.79 14.2 0 12 0L4 0C1.79 0 0 1.79 0 4L0 12C0 14.2 1.79 16 4 16ZM7.26 11.62L13.25 5.19C13.48 4.94 13.46 4.57 13.22 4.34C12.97 4.11 12.6 4.13 12.37 4.37L6.8 10.35L3.6 7.19C3.36 6.96 2.99 6.96 2.75 7.2C2.52 7.44 2.52 7.81 2.76 8.05L6.4 11.64C6.68 11.92 6.97 11.9 7.26 11.62Z" fill="currentColor" fill-opacity="1.000000" fill-rule="evenodd"/>
 	<path id="Stroke 3 (边框)" d="M13.25 5.17L7.26 11.6C6.97 11.89 6.68 11.9 6.4 11.62L2.76 8.03C2.52 7.8 2.52 7.42 2.75 7.18C2.99 6.94 3.36 6.94 3.6 7.18L6.8 10.33L12.37 4.35C12.6 4.11 12.97 4.1 13.22 4.33C13.46 4.55 13.48 4.93 13.25 5.17Z" fill="#FFFFFF" fill-opacity="1.000000" fill-rule="evenodd"/>
 </svg>
diff --git a/packages/theme/src/svgs/halfselect.svg b/packages/theme/src/svgs/halfselect.svg
@@ -3,7 +3,7 @@
 			Created with Pixso.
 	</desc>
 	<defs/>
-	<path id="矢量 1" d="M4 0L12 0C14.2 0 16 1.79 16 4L16 12C16 14.2 14.2 16 12 16L4 16C1.79 16 0 14.2 0 12L0 4C0 1.79 1.79 0 4 0ZM10 5L6 5C5.44 5 5 5.44 5 6L5 10C5 10.55 5.44 11 6 11L10 11C10.55 11 11 10.55 11 10L11 6C11 5.44 10.55 5 10 5Z" fill="#191919" fill-opacity="1.000000" fill-rule="evenodd"/>
+	<path id="矢量 1" d="M4 0L12 0C14.2 0 16 1.79 16 4L16 12C16 14.2 14.2 16 12 16L4 16C1.79 16 0 14.2 0 12L0 4C0 1.79 1.79 0 4 0ZM10 5L6 5C5.44 5 5 5.44 5 6L5 10C5 10.55 5.44 11 6 11L10 11C10.55 11 11 10.55 11 10L11 6C11 5.44 10.55 5 10 5Z" fill="currentColor" fill-opacity="1.000000" fill-rule="evenodd"/>
 	<path id="矢量 1" d="" fill="#C0C4CC" fill-opacity="0" fill-rule="evenodd"/>
 	<path id="矢量 2" d="M6 5L10 5C10.55 5 11 5.44 11 6L11 10C11 10.55 10.55 11 10 11L6 11C5.44 11 5 10.55 5 10L5 6C5 5.44 5.44 5 6 5Z" fill="#FFFFFF" fill-opacity="1.000000" fill-rule="evenodd"/>
 	<path id="矢量 2" d="" fill="#C0C4CC" fill-opacity="0" fill-rule="evenodd"/>
diff --git a/packages/vue/src/base-select/src/token.ts b/packages/vue/src/base-select/src/token.ts
@@ -1,7 +1,7 @@
 export const classes = {
   'caret': 'text-base rotate-0 transition-transform duration-300 fill-color-text-placeholder cursor-pointer ',
   'select-tags':
-    'absolute leading-normal whitespace-normal sm:pl-3 pr-2 z-[1] top-1/2 -translate-y-2/4 flex items-center flex-wrap [&_[data-tag=tiny-tag]]:my-0.5 [&_[data-tag=tiny-tag]]:h-7 [&_[data-tag=tiny-tag]]:text-sm [&_[data-tag=tiny-tag]]:sm:h-5 [&_[data-tag=tiny-tag]]:sm:text-sm [&_[data-tag=tiny-tag]_svg]:shrink-0',
+    'absolute leading-normal whitespace-normal sm:pl-3 pr-2 z-[1] top-1/2 -translate-y-2/4 flex items-center flex-wrap [&_[data-tag=tiny-tag]]:my-0.5 [&_[data-tag=tiny-tag]]:h-7 [&_[data-tag=tiny-tag]]:sm:h-5 [&_[data-tag=tiny-tag]_svg]:shrink-0',
   'tags-text': 'inline-block w-full whitespace-nowrap text-ellipsis overflow-hidden align-bottom',
   'tag-info':
     'whitespace-nowrap text-ellipsis overflow-hidden inline-flex justify-start items-center border-transparent text-color-text-primary'
diff --git a/packages/vue/src/date-panel/src/mobile-first.vue b/packages/vue/src/date-panel/src/mobile-first.vue
@@ -165,6 +165,7 @@
 
       <div
         data-tag="tiny-picker-panel__timezone"
+        class="tiny-picker-panel__timezone"
         v-if="state.isShowTz || state.timezone.isServiceTimezone"
         v-clickoutside="handleTzPickClose"
       >
@@ -178,7 +179,7 @@
             <component fill="#ccc" :is="state.showpopup ? 'IconChevronDown' : 'IconChevronUp'" @click="toggleTz" />
           </template>
         </tiny-input>
-        <div data-tag="tiny-picker-panel__tzlist">
+        <div data-tag="tiny-picker-panel__tzlist" class="tiny-picker-panel__tzlist">
           <tiny-popup
             v-model="state.showpopup"
             :overlay="false"
@@ -191,6 +192,7 @@
               <ul>
                 <li
                   data-tag="tiny-picker-panel__tzlist-li"
+                  class="tiny-picker-panel__tzlist-li"
                   :title="tz.name"
                   v-show="!tz.visible"
                   v-for="(tz, index) in state.renderTzdata"
diff --git a/packages/vue/src/option/src/mobile-first.vue b/packages/vue/src/option/src/mobile-first.vue
@@ -9,7 +9,7 @@
     :class="
       m(
         'h-fit flex items-center justify-between rounded text-color-text-primary text-sm sm:text-xs',
-        'min-h-[40px] sm:min-h-[32px] cursor-pointer group sm:hover:bg-color-bg-4 sm:active:bg-color-bg-3 pl-0 pr-3 sm:px-3 my-1 sm:m-1',
+        'min-h-[40px] sm:min-h-[32px] cursor-pointer group sm:hover:bg-color-bg-4 sm:active:bg-color-bg-3 pl-0 pr-3 sm:px-2 my-1 sm:m-1',
         {
           'text-color-brand bg-color-bg-1 sm:bg-color-fill-6': state.itemSelected && !disabled,
           'text-color-text-disabled cursor-not-allowed [&_svg]:fill-color-icon-disabled [&_svg_path:first-of-type]:fill-color-bg-3':
@@ -26,9 +26,9 @@
       <component
         :is="`icon-${state.selectCls}`"
         :class="
-          m('fill-color-icon-secondary relative', {
+          m('fill-color-icon-secondary relative w-3.5 h-3.5', {
             'group-hover:fill-color-brand-hover': state.hover,
-            'fill-color-brand': state.itemSelected,
+            'fill-color-brand text-color-brand': state.itemSelected,
             'fill-color-brand-disabled': state.itemSelected && required
           })
         "
@@ -45,7 +45,7 @@
       v-if="!state.selectMultiple && state.itemSelected && !disabled && !state.groupDisabled"
       class="inline-block sm:hidden w-4 ml-4 shrink-0"
     >
-      <icon-finish custom-class="w-4 h-4 fill-color-brand"> </icon-finish
+      <icon-finish custom-class="w-3.5 h-3.5 fill-color-brand"> </icon-finish
     ></span>
   </div>
 </template>
diff --git a/packages/vue/src/pager/src/mobile-first.vue b/packages/vue/src/pager/src/mobile-first.vue
@@ -96,15 +96,15 @@ export default defineComponent({
           <ul class="inline-flex m-0 p-0 list-none w-fit">
             <li
               class={[
-                'py-0 px-0 cursor-pointer box-border h-8 text-color-brand bg-color-bg-1 select-none flex items-center justify-center relative rounded',
-                prevText ? 'w-fit' : 'w-8'
+                'py-0 px-0 cursor-pointer box-border h-7 text-color-brand bg-color-bg-1 select-none flex items-center justify-center relative rounded',
+                prevText ? 'w-fit' : 'w-7'
               ]}>
               <button
                 type="button"
                 class={[
-                  'h-8 p-0 border border-solid rounded flex items-center justify-center group',
+                  'h-7 p-0 border border-solid rounded flex items-center justify-center group',
                   'cursor-pointer border-color-border bg-color-bg-1 sm:bg-transparent sm:border-0',
-                  prevText ? 'w-fit' : 'w-8',
+                  prevText ? 'w-fit' : 'w-7',
                   {
                     'disabled:cursor-not-allowed disabled:border-color-border disabled:bg-color-bg-3 disabled:sm:bg-transparent':
                       prevDisabled,
@@ -117,7 +117,7 @@ export default defineComponent({
                 {prevText ? (
                   <span
                     class={[
-                      'inline-block w-fit mx-1 text-color-text-placeholder sm:text-color-primary',
+                      'inline-block w-fit mx-1 text-color-text-placeholder sm:text-color-primary text-xs',
                       {
                         'disabled:text-color-text-primary sm:text-color-border': prevDisabled,
                         'group-hover:text-color-link sm:group-hover:text-color-icon-hover sm:group-active:text-color-active':
@@ -140,22 +140,22 @@ export default defineComponent({
                 )}
               </button>
             </li>
-            <li class="h-8 text-color-text-primary flex items-center justify-center rounded !mx-4">
-              <span class="inline-block my-0 mx-0">
+            <li class="h-7 text-color-text-primary flex items-center justify-center rounded !mx-4">
+              <span class="inline-block my-0 mx-0 leading-5 text-xs">
                 {this.internalCurrentPage}/{this.internalPageCount}
               </span>
             </li>
             <li
               class={[
-                'py-0 px-0 cursor-pointer box-border h-8 text-color-brand bg-color-bg-1 select-none flex items-center justify-center relative rounded',
-                nextText ? 'w-fit' : 'w-8'
+                'py-0 px-0 cursor-pointer box-border h-7 text-color-brand bg-color-bg-1 select-none flex items-center justify-center relative rounded',
+                nextText ? 'w-fit' : 'w-7'
               ]}>
               <button
                 type="button"
                 class={[
-                  'h-8 p-0 border border-solid rounded flex items-center justify-center group',
+                  'h-7 p-0 border border-solid rounded flex items-center justify-center group',
                   'cursor-pointer border-color-border bg-color-bg-1 sm:bg-transparent sm:border-0',
-                  nextText ? 'w-fit' : 'w-8',
+                  nextText ? 'w-fit' : 'w-7',
                   {
                     'disabled:cursor-not-allowed disabled:border-color-border disabled:bg-color-bg-3 disabled:sm:bg-transparent':
                       nextDisabled,
@@ -169,7 +169,7 @@ export default defineComponent({
                 {nextText ? (
                   <span
                     class={[
-                      'inline-block w-fit mx-1 text-color-text-placeholder sm:text-color-primary',
+                      'inline-block w-fit mx-1 text-color-text-placeholder sm:text-color-primary text-xs',
                       {
                         'disabled:text-color-text-primary disabled:sm:text-color-border': nextDisabled,
                         'group-hover:fill-color-brand sm:group-hover:fill-color-icon-hover sm:group-active:fill-color-icon-active':
diff --git a/packages/vue/src/select/src/mobile-first.vue b/packages/vue/src/select/src/mobile-first.vue
@@ -436,7 +436,7 @@
             <slot name="dropdown"></slot>
             <div
               v-if="multiple && showCheck && showAlloption && !state.multipleLimit && !state.query && !remote"
-              class="whitespace-nowrap box-border py-0 h-10 leading-10 sm:h-8 sm:leading-8 text-sm sm:text-xs pl-0 pr-3 sm:px-3 my-1 sm:m-1 rounded cursor-pointer"
+              class="whitespace-nowrap box-border py-0 h-10 leading-10 sm:h-8 sm:leading-8 text-sm sm:text-xs pl-0 pr-3 sm:px-2 my-1 sm:m-1 rounded cursor-pointer"
               :class="[
                 {
                   hover: state.hoverIndex === -9 && state.selectCls !== 'checked-sur'
@@ -451,7 +451,7 @@
               <component
                 :is="`icon-${state.selectCls}`"
                 :class="
-                  m(['-mt-0.5 mr-2 fill-color-icon-secondary', state.selectCls !== 'check' && 'fill-color-brand'])
+                  m(['-mt-0.5 mr-2 fill-color-icon-secondary w-3.5 h-3.5 ', state.selectCls !== 'check' && 'fill-color-brand text-color-brand'])
                 "
               />
               <span :class="[state.selectCls === 'checked-sur' ? 'text-color-brand' : 'text-color-text-primary']">
@@ -469,7 +469,7 @@
                 !state.emptyText &&
                 !remote
               "
-              class="whitespace-nowrap box-border py-0 h-10 leading-10 sm:h-8 sm:leading-8 text-sm sm:text-xs pl-0 pr-3 sm:px-3 my-1 sm:m-1 rounded cursor-pointer"
+              class="whitespace-nowrap box-border py-0 h-10 leading-10 sm:h-8 sm:leading-8 text-sm sm:text-xs pl-0 pr-3 sm:px-2 my-1 sm:m-1 rounded cursor-pointer"
               :class="[
                 {
                   hover: state.hoverIndex === -9 && state.filteredSelectCls !== 'checked-sur'
diff --git a/packages/vue/src/select/src/token.ts b/packages/vue/src/select/src/token.ts
@@ -1,7 +1,7 @@
 export const classes = {
   'caret': 'text-base rotate-0 transition-transform duration-300 fill-color-text-placeholder cursor-pointer ',
   'select-tags':
-    'absolute leading-normal whitespace-normal sm:pl-3 pr-2 z-[1] top-1/2 -translate-y-2/4 flex items-center flex-wrap [&_[data-tag=tiny-tag]]:my-0.5 [&_[data-tag=tiny-tag]]:h-7 [&_[data-tag=tiny-tag]]:text-sm [&_[data-tag=tiny-tag]]:sm:h-5 [&_[data-tag=tiny-tag]]:sm:text-sm [&_[data-tag=tiny-tag]_svg]:shrink-0',
+    'absolute leading-normal whitespace-normal sm:pl-3 pr-2 z-[1] top-1/2 -translate-y-2/4 flex items-center flex-wrap [&_[data-tag=tiny-tag]]:my-0.5 [&_[data-tag=tiny-tag]]:h-7 [&_[data-tag=tiny-tag]]:sm:h-5 [&_[data-tag=tiny-tag]_svg]:shrink-0',
   'tags-text': 'inline-block w-full whitespace-nowrap text-ellipsis overflow-hidden align-bottom',
   'tag-info':
     'whitespace-nowrap text-ellipsis overflow-hidden inline-flex justify-start items-center border-transparent text-color-text-primary'
diff --git a/packages/vue/src/tag/src/mobile-first.vue b/packages/vue/src/tag/src/mobile-first.vue
@@ -53,7 +53,7 @@ export default defineComponent({
     const operable = selectable ? false : this.operable
 
     const classes = m(
-      'text-xs inline-flex items-center rounded box-border border-0.5 sm:border mr-2',
+      'text-xs inline-flex items-center rounded box-border border-0.5 sm:border mr-1',
       effect === 'plain' || hit ? gcls(`${type}-border`) : 'border-transparent',
       gcls(`${effect}-${type}`),
       gcls(size),
diff --git a/packages/vue/src/tag/src/token.ts b/packages/vue/src/tag/src/token.ts
@@ -16,7 +16,7 @@ export const classes = {
   'light-warning': 'text-color-warning bg-color-warning-subtler',
   'light-error': 'text-color-error bg-color-error-subtler',
   'light-default': 'text-color-info-primary bg-color-info-primary-subtler',
-  'light-info': 'text-color-text-primary bg-color-bg-2',
+  'light-info': 'text-color-text-primary bg-color-bg-3',
   'light-pink': 'text-color-chart-17 bg-color-chart-17-subtler',
   'light-purple': 'text-color-chart-11 bg-color-chart-11-subtler',
   'light-cyan': 'text-color-chart-2 bg-color-chart-2-subtler',
@@ -48,7 +48,7 @@ export const classes = {
   'fill-light-warning': 'fill-color-warning-subtle hover:fill-color-warning',
   'fill-light-error': 'fill-color-error-subtle hover:fill-color-error',
   'fill-light-default': 'fill-color-info-primary-subtle hover:fill-color-info-primary',
-  'fill-light-info': 'fill-color-none hover:fill-color-none',
+  'fill-light-info': 'fill-color-icon-secondary hover:fill-color-icon-secondary',
   'fill-light-pink': 'fill-color-chart-17-subtle hover:fill-color-chart-17',
   'fill-light-purple': 'fill-color-chart-11-subtle hover:fill-color-chart-11',
   'fill-light-cyan': 'fill-color-chart-2-subtle hover:fill-color-chart-2',
diff --git a/packages/vue/src/tooltip/src/mobile-first.vue b/packages/vue/src/tooltip/src/mobile-first.vue
@@ -166,7 +166,7 @@ export default defineComponent({
                         onMouseenter={() => mouseenter()}
                         onMouseleave={() => mouseleave()}>
                         {addWrapper ? (
-                          <div style={`overflow:auto;max-height:${this.contentMaxHeight}`}>{content}</div>
+                          <div class={`leading-5`} style={`overflow:auto;max-height:${this.contentMaxHeight}`}>{content}</div>
                         ) : (
                           content
                         )}

Original file line number	Diff line number	Diff line change
`@@ -77,6 +77,7 @@`
`77`	`77`
`78`	`78`	`.@{grid-prefix-cls}-cell-text {`
`79`	`79`	`@apply w-full;`
	`80`	`+ line-height: 1.375rem;`
`80`	`81`	`}`
`81`	`82`
`82`	`83`	`.@{grid-prefix-cls}-edit-icon {`
Original file line number	Diff line number	Diff line change
`@@ -111,7 +111,6 @@`
`111`	`111`	`padding-left: 8px;`
`112`	`112`	`font-size: var(--tv-Checkbox-font-size);`
`113`	`113`	`font-weight: var(--tv-Checkbox-font-weight);`
`114`		`- padding-top: 3px;`
`115`	`114`	`}`
`116`	`115`
`117`	`116`	`&.is-display-only {`
Original file line number	Diff line number	Diff line change
`@@ -35,9 +35,10 @@`
`35`	`35`
`36`	`36`	`&[class*='tiny-'] {`
`37`	`37`	`padding: var(--tv-DropdownItem-padding);`
	`38`	`+ margin-bottom: var(--tv-DropdownItem-margin-y);`
`38`	`39`
`39`	`40`	`&:last-of-type {`
`40`		`- margin-bottom: 0px;`
	`41`	`+ margin-bottom: 0;`
`41`	`42`	`}`
`42`	`43`	`}`
`43`	`44`
`@@ -49,9 +50,9 @@`
`49`	`50`	`&:before {`
`50`	`51`	`content: '';`
`51`	`52`	`content: '';`
`52`		`- height: 0px;`
	`53`	`+ height: 0;`
`53`	`54`	`display: block;`
`54`		`- margin: 0px;`
	`55`	`+ margin: 0;`
`55`	`56`	`}`
`56`	`57`
`57`	`58`	`&__wrap {`