feat: ✨ 将 Tabbar 和 Badge 设置为标准盒子模型 (#1036)

Author: Moonofweisheng

.eslintrc.js

@@ -1,10 +1,10 @@
 /*
  * @Author: weisheng
  * @Date: 2023-03-14 16:06:21
- * @LastEditTime: 2023-03-28 16:52:32
+ * @LastEditTime: 2025-05-06 21:14:16
  * @LastEditors: weisheng
  * @Description:
- * @FilePath: \wot-design-uni\.eslintrc.js
+ * @FilePath: /wot-design-uni/.eslintrc.js
  * 记得注释
  */
 module.exports = {
@@ -37,6 +37,14 @@ module.exports = {
     'no-inner-declarations': 'off',
     '@typescript-eslint/no-this-alias': 'off',
     '@typescript-eslint/no-empty-function': 'off',
-    'vue/multi-word-component-names': 'off'
+    'vue/multi-word-component-names': 'off',
+    '@typescript-eslint/consistent-type-imports': [
+      'error',
+      {
+        prefer: 'type-imports',
+        disallowTypeAnnotations: false,
+        fixStyle: 'inline-type-imports'
+      }
+    ]
   }
 }

package.json

@@ -135,9 +135,7 @@
     "lint-staged": "^13.2.0",
     "mini-types": "^0.1.7",
     "miniprogram-api-typings": "^3.12.3",
-    "npm-run-all": "^4.1.5",
     "prettier": "^2.8.4",
-    "puppeteer": "14.0.0",
     "query-string": "^8.1.0",
     "rimraf": "^4.4.0",
     "rollup-plugin-visualizer": "^5.9.0",

pnpm-lock.yaml

@@ -10,7 +10,7 @@
 /// <reference types="vite/client" />
 
 declare module '*.vue' {
-  import { DefineComponent } from 'vue'
+  import { type DefineComponent } from 'vue'
   // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
   const component: DefineComponent<{}, {}, any>
   export default component

src/env.d.ts

@@ -121,7 +121,7 @@ import type { ColPickerColumnChangeOption } from '@/uni_modules/wot-design-uni/c
 import { ref } from 'vue'
 import { useColPickerData } from '@/hooks/useColPickerData'
 import { useI18n } from 'vue-i18n'
-import { Action } from '@/uni_modules/wot-design-uni/components/wd-action-sheet/types'
+import { type Action } from '@/uni_modules/wot-design-uni/components/wd-action-sheet/types'
 const { colPickerData, findChildrenByCode } = useColPickerData()
 
 const { t } = useI18n()

src/pages/configProvider/Index.vue

@@ -17,6 +17,7 @@
 
   @include e(content) {
     display: inline-block;
+    box-sizing: content-box;
     height: $-badge-height;
     line-height: $-badge-height;
     padding: $-badge-padding;

src/uni_modules/wot-design-uni/components/wd-badge/index.scss

@@ -16,6 +16,7 @@
   height: $-tabbar-height;
 
   @include e(placeholder) {
+    box-sizing: content-box;
     padding-bottom: constant(safe-area-inset-bottom);
     padding-bottom: env(safe-area-inset-bottom);
   }
@@ -39,6 +40,7 @@
 
     @include when(fixed) {
       @include when(safe) {
+        box-sizing: content-box;
         padding-bottom: constant(safe-area-inset-bottom);
         padding-bottom: env(safe-area-inset-bottom);
       }