✨(component): 发布 1.3.2

package/component/package.json

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

package/component/src/component/colorPicker/index.vue

@@ -72,9 +72,11 @@ watch([red, green, blue], (newValue) => {
     rgba2hex(red.value, green.value, blue.value, alpha.value)
   );
   let { h, s, v } = rgb2hsv(red.value, green.value, blue.value);
+  hue.value = h;
   saturation.value = s;
   value.value = v;
   pointStyle.value = `top: ${100 - v * 100}%;left: ${s * 100}%;`;
+  hueSliderStyle.value = `left: ${(hue.value / 360) * 100}%;`;
 });
 
 watch(alpha, () => {

package/component/src/component/dropdown/index.less

@@ -6,7 +6,7 @@
 .layui-dropdown-content,
 .layui-dropdown dl {
   position: absolute;
-  z-index: 899;
+  z-index: 99999;
   background-color: #fff;
   box-sizing: border-box;
   border: 1px solid #e4e7ed;

package/component/src/component/table/index.less

@@ -184,6 +184,11 @@
   overflow: hidden;
 }
 
+.layui-table-header-wrapper {
+  width: 100%;
+  overflow: hidden;
+}
+
 .layui-table-header .layui-table {
   margin-bottom: -1px;
 }

package/component/src/component/table/index.vue

@@ -285,7 +285,7 @@ const renderFixedStyle = (column: any, columnIndex: number) => {
       }
       return { left: `${left}px` } as StyleValue;
     } else {
-      var right = scrollWidthCell.value > 0 ? scrollWidthCell.value : 0;
+      var right = 0;
       for (var i = columnIndex + 1; i < props.columns.length; i++) {
         if (props.columns[i].fixed && props.columns[i].fixed == "right") {
           right = right + props.columns[i]?.width.replace("px", "");
@@ -392,7 +392,8 @@ const renderTotalRowCell = (column: any) => {
 
       <div class="layui-table-box">
         <!-- 表头 -->
-        <div class="layui-table-header" ref="tableHeader">
+        <div class="layui-table-header" :style="[{ 'padding-right':`${scrollWidthCell}px`}]">
+          <div class="layui-table-header-wrapper" ref="tableHeader" :style="[scrollWidthCell > 0 ? 'border-right: 1px solid #eee;' : '']">
           <table class="layui-table" :lay-size="size" :lay-skin="skin">
             <colgroup>
               <template v-for="column in columns" :key="column">
@@ -405,7 +406,6 @@ const renderTotalRowCell = (column: any) => {
                   />
                 </template>
               </template>
-              <col v-if="scrollWidthCell > 0" :width="scrollWidthCell" />
             </colgroup>
             <thead>
               <tr>
@@ -470,19 +470,10 @@ const renderTotalRowCell = (column: any) => {
                     </template>
                   </th>
                 </template>
-                <th
-                  v-if="scrollWidthCell > 0"
-                  class="layui-table-fixed-right"
-                  
-                  :style="{
-                    padding: 0,
-                    width: `${scrollWidthCell}px`,
-                    background: '#fafafa'
-                  }"
-                ></th>
               </tr>
             </thead>
           </table>
+          </div>
         </div>
         <!-- 表身 -->
         <div

package/document-component/src/document/zh-CN/components/colorPicker.md

@@ -32,7 +32,7 @@ export default {
 ::: demo 通过 `preset` 属性, 预设可选的颜色列表。
 
 <template>
-  <lay-color-picker v-model="color" :preset="preset"></lay-color-picker>
+  <lay-color-picker v-model="color1" :preset="preset1"></lay-color-picker>
 </template>
 
 <script>
@@ -40,13 +40,13 @@ import { ref } from "vue";
 
 export default {
   setup() {
-    const color = ref("#009688");
+    const color1 = ref("#FFB800");
 
-    const preset = ref(["#009688", "#1e9fff", "#ffb800", "#ff5722", "#5fb878"])
+    const preset1 = ref(["#009688", "#1e9fff", "#ffb800", "#ff5722", "#5fb878"])
 
     return {
-      color,
+      color1,
-      preset
+      preset1
     }
   }
 }

package/document-component/src/document/zh-CN/components/table.md

@@ -977,7 +977,7 @@ export default {
 ::: demo
 
 <template>
-  <lay-table :columns="columns5" id="id" :expand-index="1" :data-source="dataSource5" v-model:selected-keys="selectedKeys5" :checkbox="checkbox5" :default-toolbar="defaultToolbar5" @row="rowClick5" max-height="200px">
+  <lay-table :columns="columns5" id="id" :expand-index="1" :data-source="dataSource5" v-model:selected-keys="selectedKeys5" :checkbox="checkbox5" :default-toolbar="defaultToolbar5" @row="rowClick5" height="200px">
     <template v-slot:toolbar>
       <lay-button size="sm">新增</lay-button>
       <lay-button size="sm">删除</lay-button>
@@ -1022,24 +1022,6 @@ export default {
         customSlot:"name",
         key:"name",
         align: "left"
-      },{
-        title:"生日",
-        customSlot:"birthday",
-        width:"200px",
-        key:"birthday"
-      },
-      {
-        title:"年龄",
-        width: "200px",
-        key:"age",
-        sort: true,
-      },
-      {
-        title:"隐藏列",
-        width: "200px",
-        key:"hide",
-        sort: true,
-        hide: true,
       },
       {
         title:"备注",

package/document-component/src/document/zh-CN/guide/changelog.md

@@ -11,6 +11,18 @@
 <template>
 <lay-timeline>
   <lay-timeline-item title="1.3.x">
+        <ul> 
+      <a name="1-3-1"></a> 
+      <li> 
+        <h3>1.3.2 <span class="layui-badge-rim">2022-07-21</span></h3> 
+        <ul>         
+          <li>[修复] table 组件 columns 全部设置 width 时, 计算宽度错误。</li>
+          <li>[修复] table 组件 max-height 状态, 设置字段 fixed 时 scroll 不固定。</li>
+          <li>[修复] color-picker 组件初始色板与默认色不对应问题。</li>
+          <li>[优化] dropdown 组件渲染到 body, 避免 css 污染。</li>
+        </ul>
+      </li>
+    </ul>  
       <ul> 
       <a name="1-3-1"></a> 
       <li>