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

src/module/badge/index.vue

@@ -5,7 +5,7 @@
 </template>
 
 <script setup name="LayBadge" lang="ts">
-import { defineProps } from '@vue/runtime-core'
+import { defineProps } from 'vue'
 
 const props =
   defineProps<{

src/module/block/index.vue

@@ -5,7 +5,7 @@
 </template>
 
 <script setup name="LayBlock" lang="ts">
-import { defineProps } from '@vue/runtime-core'
+import { defineProps } from 'vue'
 
 const props =
   defineProps<{

src/module/button/index.ts

@@ -3,7 +3,7 @@ import Component from './index.vue'
 import type { IDefineComponent } from '../type/index'
 
 Component.install = (app: App) => {
-  app.component(Component.name || 'LayButton ', Component)
+  app.component(Component.name || 'LayButton', Component)
 }
 
 export default Component as IDefineComponent

src/module/button/index.vue

@@ -1,14 +1,19 @@
 <template>
   <button
     class="layui-btn"
-    :class="[type ? 'layui-btn-' + type : '', size ? 'layui-btn-' + size : '',fluid ? 'layui-btn-fluid':'',radius ? 'layui-btn-radius':'']"
+    :class="[
+      type ? 'layui-btn-' + type : '',
+      size ? 'layui-btn-' + size : '',
+      fluid ? 'layui-btn-fluid' : '',
+      radius ? 'layui-btn-radius' : '',
+    ]"
   >
     <slot></slot>
   </button>
 </template>
 
 <script setup name="LayButton" lang="ts">
-import { defineProps } from '@vue/runtime-core'
+import { defineProps } from 'vue'
 
 const props =
   defineProps<{

src/module/col/index.vue

@@ -17,7 +17,7 @@
 </template>
 
 <script setup name="LayCol" lang="ts">
-import { defineProps } from '@vue/runtime-core'
+import { defineProps } from 'vue'
 
 const props =
   defineProps<{

src/module/container/index.vue

@@ -5,7 +5,7 @@
 </template>
 
 <script setup name="LayContainer" lang="ts">
-import { defineProps } from '@vue/runtime-core'
+import { defineProps } from 'vue'
 
 const props =
   defineProps<{

src/module/icon/index.vue

@@ -3,7 +3,7 @@
 </template>
 
 <script setup name="LayIcon" lang="ts">
-import { defineProps } from '@vue/runtime-core'
+import { defineProps } from 'vue'
 
 const props =
   defineProps<{

src/module/input/index.vue

@@ -3,7 +3,7 @@
 </template>
 
 <script setup name="LayInput" lang="ts">
-import { defineProps, defineEmits } from '@vue/runtime-core'
+import { defineProps, defineEmits } from 'vue'
 
 const props =
   defineProps<{

src/module/line/index.vue

@@ -3,7 +3,7 @@
 </template>
 
 <script setup name="LayLine" lang="ts">
-import { defineProps } from '@vue/runtime-core'
+import { defineProps } from 'vue'
 
 const props =
   defineProps<{

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>

src/module/radio/index.vue

@@ -27,7 +27,7 @@
 </template>
 
 <script setup name="LayRadio" lang="ts">
-import { defineProps, defineEmits } from '@vue/runtime-core'
+import { defineProps, defineEmits } from 'vue'
 
 const props =
   defineProps<{

src/module/row/index.vue

@@ -5,7 +5,7 @@
 </template>
 
 <script setup name="LayRow" lang="ts">
-import { defineProps } from '@vue/runtime-core'
+import { defineProps } from 'vue'
 
 const props =
   defineProps<{

src/module/switch/index.vue

@@ -14,7 +14,7 @@
 </template>
 
 <script setup name="LaySwitch" lang="ts">
-import { defineProps, defineEmits } from '@vue/runtime-core'
+import { defineProps, defineEmits } from 'vue'
 
 const props =
   defineProps<{

src/module/textarea/index.vue

@@ -3,7 +3,7 @@
 </template>
 
 <script setup name="LayTextarea" lang="ts">
-import { defineProps, defineEmits } from '@vue/runtime-core'
+import { defineProps, defineEmits } from 'vue'
 
 const props =
   defineProps<{

src/module/timelineItem/index.vue

@@ -14,7 +14,7 @@
 </template>
 
 <script setup name="LayTimelineItem" lang="ts">
-import { defineProps } from '@vue/runtime-core'
+import { defineProps } from 'vue'
 
 const props =
   defineProps<{