[依赖] 整体架构依赖升级

src/module/progress/index.vue

@@ -2,30 +2,30 @@
   <div class="layui-progress" :class="'layui-progress-' + size">
     <div
       class="layui-progress-bar"
-      :class="'layui-bg-' + this.theme"
+      :class="'layui-bg-' + theme"
       :style="[
-        this.color ? 'background-color: ' + this.color : '',
+        color ? 'background-color: ' + color : '',
         {
-          width: this.percent + '%',
+          width: percent + '%',
         },
       ]"
     >
       <span v-if="showText" class="layui-progress-text">
-        {{ text ? text : this.percent + '%' }}
+        {{ text ? text : percent + '%' }}
       </span>
     </div>
   </div>
 </template>
 <script setup name="LayProgress" lang="ts">
-import { defineProps } from '@vue/runtime-core'
+import { defineProps } from 'vue'
 
 const props =
   defineProps<{
-    percent: Number
-    theme: String
-    color: String
-    size: String
-    showText: Boolean
-    text: String
+    percent: number
+    theme?: string
+    color?: string
+    size?: string
+    showText?: boolean
+    text?: string
   }>()
 </script>