chore: 发布 0.4.2

example/docs/zh-CN/components/card.md

@@ -49,7 +49,7 @@ export default {
 <template>
 <div class="card-container">
   <lay-card>
-      <template v-slot:header>
+      <template v-slot:title>
       标题
       </template>
       <template v-slot:body>
@@ -114,6 +114,45 @@ export default {
 
 :::
 
+::: demo
+
+<template>
+<div class="card-container">
+  <lay-card>
+      <template v-slot:title>
+        标题
+      </template>
+      <template v-slot:extra>
+        更多
+      </template>
+      <template v-slot:body>
+        内容
+      </template>
+  </lay-card>
+</div>
+</template>
+
+<script>
+import { ref } from 'vue'
+
+export default {
+  setup() {
+
+    return {
+    }
+  }
+}
+</script>
+
+<style>
+.card-container {
+  background: whitesmoke;
+  padding: 20px;
+}
+</style>
+
+:::
+
 ::: title Card 属性
 :::
 

example/docs/zh-CN/components/menu.md

@@ -412,6 +412,65 @@ export default {
 
 :::
 
+::: title 过渡动画
+:::
+
+::: demo
+
+<template>
+  <lay-menu v-model:selectedKey="selectedKey" :collapse-transition="collapseTransition" v-model:openKeys="openKeys7" v-model:tree="isTree">
+    <lay-menu-item id="1">
+      <router-link to="">
+        <lay-icon type="layui-icon-home"></lay-icon> 
+        首页
+      </router-link>
+    </lay-menu-item>
+    <lay-sub-menu id="7">
+        <template v-slot:title> 
+          <router-link to="">
+            <lay-icon type="layui-icon-home"></lay-icon> 
+            目录
+          </router-link>
+        </template>
+        <lay-menu-item id="8">
+            <router-link to="">
+              <lay-icon type="layui-icon-home"></lay-icon> 
+              菜单
+            </router-link>
+        </lay-menu-item> 
+        <lay-menu-item id="9">
+            <router-link to="">
+              <lay-icon type="layui-icon-home"></lay-icon> 
+              菜单
+            </router-link>
+        </lay-menu-item>
+    </lay-sub-menu> 
+  </lay-menu>
+</template>
+
+<script>
+import { ref } from 'vue'
+
+export default {
+  setup() {
+
+    const isTree = ref(true)
+    const collapseTransition = ref(false);
+    const selectedKey = ref("5")
+    const openKeys7 = ref(["7"])
+
+    return {
+      isTree,
+      openKeys7,
+      selectedKey,
+      collapseTransition
+    }
+  }
+}
+</script>
+
+:::
+
 ::: title Menu 属性
 :::
 

example/docs/zh-CN/components/select.md

@@ -40,12 +40,14 @@ export default {
 ::: demo
 
 <template>
+  <lay-button @click="change1">切换-当前值 : {{value}}</lay-button>
+  <br/>
+  <br/>
   <lay-select v-model="value">
     <lay-select-option value="1" label="学习"></lay-select-option>
     <lay-select-option value="2" label="编码"></lay-select-option>
     <lay-select-option value="3" label="运动"></lay-select-option>
   </lay-select>
-  <lay-button @click="change1">点击切换(当前值:{{value}})</lay-button>
 </template>
 
 <script>

example/docs/zh-CN/guide/changelog.md

@@ -16,9 +16,12 @@
       <li> 
         <h3>0.4.2 <span class="layui-badge-rim">2022-03-26</span></h3> 
         <ul>
+          <li>[新增] card 组件 extra 插槽。</li>
           <li>[新增] switch 组件 onswitch-color 属性。</li>
           <li>[新增] switch 组件 unswitch-color 属性。</li>
-          <li>[修复] docsearch 检索插件引起的 peer dependencies 警告。</li>
+          <li>[修复] docsearch peer dependencies 警告。</li>
+          <li>[修复] select 组件 input border 显示问题。</li>
+          <li>[优化] card 组件 header 插槽为 title 插槽。</li>
           <li>[优化] switch 组件 in-active-text 为 unswitch-text 属性, 默认不显示。</li>
           <li>[优化] switch 组件 active-text 为 onswitch-text 属性, 默认不显示。</li>
           <li>[优化] switch 组件样式。</li>

example/src/layouts/Layout.vue

@@ -212,7 +212,7 @@
             </a>
           </li>
           <li class="layui-nav-item">
-            <a href="javascript:void(0)"> 0.4.1 </a>
+            <a href="javascript:void(0)"> 0.4.2 </a>
           </li>
         </ul>
       </lay-header>

example/src/view/index.vue

@@ -20,7 +20,7 @@
           >
         </div>
         <div class="site-version">
-          <span>{{ t('home.version') }}：v<cite class="site-showv">0.4.1</cite></span>
+          <span>{{ t('home.version') }}：v<cite class="site-showv">0.4.2</cite></span>
           <span
             ><router-link
               class="layui-inline site-down"

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@layui/layui-vue",
-  "version": "0.4.2-alpha.4",
+  "version": "0.4.2",
   "author": "就眠儀式",
   "license": "MIT",
   "description": "a component library for Vue 3 base on layui-vue",

src/component/card/index.less

@@ -23,6 +23,9 @@
     color: @card-fore-color;
     font-size: 14px;
   }
+  .layui-card-header-extra {
+    float: right;
+  }
   .layui-card-body {
     padding: 10px 15px;
     line-height: 24px;

src/component/card/index.vue

@@ -19,9 +19,14 @@ const props = defineProps<LayCardProps>();
 
 <template>
   <div class="layui-card">
-    <div class="layui-card-header" v-if="slot.header || title">
+    <div class="layui-card-header" v-if="slot.title || title || slot.extra">
-      <slot name="header" v-if="slot.header"></slot>
+      <span class="layui-card-header-title">
-      <span v-else>{{ title }}</span>
+        <slot name="title" v-if="slot.title"></slot>
+        <template v-else>{{ title }}</template>
+      </span>
+      <span class="layui-card-header-extra">
+        <slot name="extra" v-if="slot.extra"></slot>
+      </span> 
     </div>
     <div class="layui-card-body">
       <slot name="body" v-if="slot.body"></slot>
@@ -29,3 +34,13 @@ const props = defineProps<LayCardProps>();
     </div>
   </div>
 </template>
+
+<style scoped>
+.layui-card-header-title {
+
+}
+
+.layui-card-header-extra {
+
+}
+</style>

src/component/select/index.less

@@ -61,6 +61,9 @@ dl.layui-anim-upbit > dd .layui-form-checkbox,
 
 
 .layui-form-select {
+  .layui-input {
+    border: 1px solid #eeeeee;
+  }
   position: relative;
 }
 

src/component/table/index.vue

@@ -7,7 +7,7 @@ export default {
 <script setup lang="ts">
 import * as XLSX from "xlsx";
 import { ref, watch, useSlots, withDefaults, onMounted } from "vue";
-import { v4 as uuidv4 } from '../../utils/guidUtil';
+import { v4 as uuidv4 } from "../../utils/guidUtil";
 import { Recordable } from "../../types";
 import LayCheckbox from "../checkbox";
 import LayDropdown from "../dropdown";

src/theme/index.less

@@ -737,10 +737,9 @@ a cite {
 }
 
 .layui-form-selected .layui-edge {
-  margin-top: -9px;
+  margin-top: -9px!important;
   -webkit-transform: rotate(180deg);
   transform: rotate(180deg);
-  margin-top: -3px\9;
 }
 
 :root .layui-form-selected .layui-edge {

src/utils/guidUtil.ts

@@ -1,2 +1,2 @@
 // @ts-ignore
-export { v4 } from 'uuid';
+export { v4 } from "uuid";