refactor(autocomplete): [autocomplete] modify variable names and add refactor styles

MomoPoppy · MomoPoppy · commit 212fff619938 · 2024-10-14T19:30:30.000-07:00
diff --git a/packages/theme/src/autocomplete/index.less b/packages/theme/src/autocomplete/index.less
@@ -44,9 +44,13 @@
       }
     }
 
+    &__list-item[role='option'],
+    &__list-item[role='loading'] {
+      padding: var(--tv-Autocomplete-li-padding);
+    }
+
     // 列表项
     &__list-item {
-      padding: var(--tv-Autocomplete-li-padding);
       list-style: none;
       white-space: nowrap;
       overflow: hidden;
diff --git a/packages/vue/src/autocomplete/src/pc.vue b/packages/vue/src/autocomplete/src/pc.vue
@@ -72,6 +72,7 @@
             <li
               v-if="!hideLoading && state.loading"
               class="tiny-autocomplete-suggestion__list-item tiny-autocomplete-suggestion__list-loading"
+              role="loading"
             >
               <icon-loading-shadow></icon-loading-shadow>
             </li>

Original file line number	Diff line number	Diff line change
`@@ -44,9 +44,13 @@`
`44`	`44`	`}`
`45`	`45`	`}`
`46`	`46`
	`47`	`+ &__list-item[role='option'],`
	`48`	`+ &__list-item[role='loading'] {`
	`49`	`+ padding: var(--tv-Autocomplete-li-padding);`
	`50`	`+ }`
	`51`	`+`
`47`	`52`	`// 列表项`
`48`	`53`	`&__list-item {`
`49`		`- padding: var(--tv-Autocomplete-li-padding);`
`50`	`54`	`list-style: none;`
`51`	`55`	`white-space: nowrap;`
`52`	`56`	`overflow: hidden;`
Original file line number	Diff line number	Diff line change
`@@ -72,6 +72,7 @@`
`72`	`72`	`<li`
`73`	`73`	`v-if="!hideLoading && state.loading"`
`74`	`74`	`class="tiny-autocomplete-suggestion__list-item tiny-autocomplete-suggestion__list-loading"`
	`75`	`+ role="loading"`
`75`	`76`	`>`
`76`	`77`	`<icon-loading-shadow></icon-loading-shadow>`
`77`	`78`	`</li>`