feat: ✨ 移除Switch默认的size支持在不指定size的情况下使用css变量设置组件尺寸

✅ Closes: #516

Author: Moonofweisheng

src/uni_modules/wot-design-uni/components/wd-switch/types.ts

@@ -1,5 +1,5 @@
 import type { ExtractPropTypes, PropType } from 'vue'
-import { baseProps, makeBooleanProp, makeNumberProp, makeNumericProp } from '../common/props'
+import { baseProps, makeBooleanProp, makeNumberProp, makeNumericProp, numericProp } from '../common/props'
 
 export type SwitchBeforeChangeOption = {
   value: number | string | boolean
@@ -47,7 +47,9 @@ export const switchProps = {
   /**
    * 大小
    */
-  size: makeNumericProp(28),
+  size: {
+    type: numericProp
+  },
   /**
    * 在改变前执行的函数
    */

src/uni_modules/wot-design-uni/components/wd-switch/wd-switch.vue

@@ -15,7 +15,7 @@ export default {
 </script>
 
 <script lang="ts" setup>
-import { computed, onBeforeMount } from 'vue'
+import { computed, type CSSProperties, onBeforeMount } from 'vue'
 import { addUnit, isFunction, objToStyle } from '../common/util'
 import { switchProps } from './types'
 
@@ -27,11 +27,13 @@ const rootClass = computed(() => {
 })
 
 const rootStyle = computed(() => {
-  const rootStyle: Record<string, any> = {
-    'font-size': addUnit(props.size),
+  const rootStyle: CSSProperties = {
     background: props.modelValue === props.activeValue ? props.activeColor : props.inactiveColor,
     'border-color': props.modelValue === props.activeValue ? props.activeColor : props.inactiveColor
   }
+  if (props.size) {
+    rootStyle['font-size'] = addUnit(props.size)
+  }
   return `${objToStyle(rootStyle)};${props.customStyle}`
 })
 

tsconfig.json

@@ -1,6 +1,7 @@
 {
   "extends": "@vue/tsconfig/tsconfig.json",
   "compilerOptions": {
+    "verbatimModuleSyntax":true,
     "ignoreDeprecations": "5.0",
     "lib": [
       "ESNext",