feat: 新增 button 组件 border-style 属性

src/component/button/index.vue

@@ -26,6 +26,7 @@ export interface LayButtonProps {
   loading?: BooleanOrString;
   disabled?: BooleanOrString;
   nativeType?: ButtonNativeType;
+  borderStyle: String;
 }
 
 const props = withDefaults(defineProps<LayButtonProps>(), {
@@ -34,6 +35,7 @@ const props = withDefaults(defineProps<LayButtonProps>(), {
   loading: false,
   disabled: false,
   nativeType: "button",
+  borderStyle: "solid"
 });
 
 const emit = defineEmits(["click"]);
@@ -44,6 +46,12 @@ const onClick = (event: any) => {
   }
 };
 
+const styles = computed(() => {
+  return {
+    'border-style': props.borderStyle
+  }
+})
+
 const classes = computed(() => {
   return [
     {
@@ -63,6 +71,7 @@ const classes = computed(() => {
     class="layui-btn"
     :class="classes"
     :type="nativeType"
+    :style="styles"
     @click="onClick"
   >
     <i v-if="prefixIcon" :class="`layui-icon ${prefixIcon}`"></i>
@@ -73,4 +82,4 @@ const classes = computed(() => {
     <slot v-else></slot>
     <i v-if="suffixIcon" :class="`layui-icon ${suffixIcon}`"></i>
   </button>
-</template>
+</template>

src/component/transition/index.vue

@@ -17,8 +17,8 @@ export default {
 </script>
 
 <script setup lang="ts">
-import LayCollapseTransition from "./collapseTransition.vue";
-import LayFadeTransition from "./fadeTransition.vue";
+import LayCollapseTransition from "./transitions/collapseTransition.vue";
+import LayFadeTransition from "./transitions/fadeTransition.vue";
 
 export interface LayTransitionProps {
   type?: string;