✨(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