📝(all): 更新日志

package/component/package.json

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

package/component/src/component/affix/index.vue

@@ -18,12 +18,12 @@ export interface LayAiffxProps {
 }
 const props = withDefaults(defineProps<LayAiffxProps>(), {
   offset: 0,
-  position: 'top',
+  position: "top",
   target: () => {
     return document.body;
   },
 });
-const emit = defineEmits(['scroll'])
+const emit = defineEmits(["scroll"]);
 const outWindow = ref(false);
 const dom = ref();
 
@@ -43,7 +43,7 @@ const getStyle = computed(() => {
       bottom: "unset",
       left: orginOffsetLeft - marginLeft + "px",
     };
-    if (props.position === 'top') {
+    if (props.position === "top") {
       style.top = fixedOffset - marginTop + "px";
     } else {
       style.bottom = fixedOffset - marginBottom + "px";
@@ -56,7 +56,7 @@ const checkInWindow = () => {
   if (dom.value) {
     let offsetTop = dom.value.offsetTop;
     let scrollTop = props.target?.scrollTop;
-    if (props.position === 'top') {
+    if (props.position === "top") {
       //top检查 当前元素与容器顶部距离-减去滚动条的高度+容器offsetTop
       let result = offsetTop - scrollTop + props.target.offsetTop;
       if (result < fixedOffset) {
@@ -82,15 +82,15 @@ const checkInWindow = () => {
         }
       } else {
         if (result < fixedOffset) {
-          changeScrollTop = scrollTop - result + props.offset
+          changeScrollTop = scrollTop - result + props.offset;
           outWindow.value = true;
         }
       }
     }
-    emit('scroll', {
+    emit("scroll", {
       targetScroll: scrollTop,
       affixed: outWindow.value,
-      offset: !outWindow.value ? 0 : Math.abs(scrollTop - changeScrollTop)
+      offset: !outWindow.value ? 0 : Math.abs(scrollTop - changeScrollTop),
     });
   }
 };
@@ -106,14 +106,14 @@ const getDomStyle = (dom: any, attr: string) => {
 
 onMounted(() => {
   nextTick(() => {
-    orginOffsetTop = dom.value.offsetTop - props.target.offsetTop
+    orginOffsetTop = dom.value.offsetTop - props.target.offsetTop;
-    orginOffsetLeft = dom.value.getBoundingClientRect().left
+    orginOffsetLeft = dom.value.getBoundingClientRect().left;
-    marginLeft = parseFloat(getDomStyle(dom.value, 'marginLeft'))
+    marginLeft = parseFloat(getDomStyle(dom.value, "marginLeft"));
-    marginTop = parseFloat(getDomStyle(dom.value, 'marginTop'))
+    marginTop = parseFloat(getDomStyle(dom.value, "marginTop"));
-    marginBottom = parseFloat(getDomStyle(dom.value, 'marginBottom'))
+    marginBottom = parseFloat(getDomStyle(dom.value, "marginBottom"));
-    fixedOffset = props.offset + props.target.offsetTop
+    fixedOffset = props.offset + props.target.offsetTop;
-    if (props.position === 'bottom') {
+    if (props.position === "bottom") {
-      fixedOffset = props.offset
+      fixedOffset = props.offset;
     }
     props.target.addEventListener("scroll", checkInWindow, true);
     checkInWindow();

package/component/src/component/datePicker/index.vue

@@ -1,10 +1,11 @@
 <template>
   <div>
     <lay-dropdown ref="dropdownRef" :disabled="props.disabled">
-      <lay-input :name="name" :value="dateValue || modelValue" readonly>
+      <lay-input 
-        <template #prefix>
+        readonly 
-          <lay-icon type="layui-icon-date"></lay-icon>
+        :name="name" 
-        </template>
+        :value="dateValue || modelValue" 
+        prefix-icon="layui-icon-date">
       </lay-input>
       <template #content>
         <!-- 日期选择 -->

package/component/src/component/input/index.less

@@ -25,8 +25,9 @@
   border-radius: var(--input-border-radius);
 }
 
+.layui-input-wrapper:hover,
 .layui-input-wrapper:focus-within {
-  border-color: var(--global-checked-color);
+  border-color: #d2d2d2 !important;
 }
 
 .layui-input-prefix {
@@ -55,14 +56,6 @@
   color: rgba(0, 0, 0, 0.45);
 }
 
-.layui-input:hover {
-  border-color: #eee !important;
-}
-
-.layui-input:focus {
-  border-color: #d2d2d2 !important;
-}
-
 .layui-input::-webkit-input-placeholder {
   line-height: 1.3;
 }

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

@@ -11,6 +11,22 @@
 <template>
 <lay-timeline>
   <lay-timeline-item title="1.2.x">
+    <ul> 
+      <a name="1-2-4"></a> 
+      <li> 
+        <h3>1.2.4 <span class="layui-badge-rim">2022-06-27</span></h3> 
+        <ul>
+          <li>[新增] table 组件 even 属性, 用于开启斑马条纹背景样式。</li>
+          <li>[新增] dropdown 组件 placement 属性 right left right-bottom right-top left-bottom left-top 值。</li>
+          <li>[新增] affix 组件, 使用锚点，可以将内容固定在容器内，并且不随容器的滚动而滚动，常用于侧边菜单导航等。 </li>
+          <li>[新增] affix 组件 position 属性, 用于设置固定的位置, 可选值为 top 与 bottom。</li>
+          <li>[新增] affix 组件 offset 属性, 定位偏移量, 默认为 0。</li>
+          <li>[新增] affix 组件 target 属性, 定位时的参考容器, 默认为 document.body。</li>
+          <li>[修复] date-picker 组件 prefix-icon 前置图标无边距的问题。</li>
+          <li>[修复] input 组件 foucs 状态时 border 颜色为 #d2d2d2。</li>
+        </ul>
+      </li>
+    </ul>
     <ul> 
       <a name="1-2-3"></a> 
       <li> 

package/document-layer/src/components/LayCode.vue

@@ -1,14 +1,14 @@
 <template>
   <div class="lay-code">
     <div id="source" class="source">
-      <slot ></slot>
+      <slot></slot>
       <div v-if="$slots.description" class="description">
-        <slot name="description" ></slot>
+        <slot name="description"></slot>
       </div>
     </div>
     <div ref="meta" class="meta">
       <div class="language-html">
-        <slot name="code" ></slot>
+        <slot name="code"></slot>
       </div>
     </div>
     <div :class="{ 'is-fixed': isFixContorl }" class="control">

package/document-layer/src/layouts/Layout.vue

@@ -1,5 +1,5 @@
 <template>
-<lay-scroll height="100%">
+  <lay-scroll height="100%">
     <div class="markdown-body light-scheme">
       <div class="alone-header">
         <img class="alone-logo" src="../assets/logo.png" />
@@ -41,7 +41,7 @@
         <router-view></router-view>
       </div>
     </div>
-</lay-scroll>
+  </lay-scroll>
 </template>
 
 <script setup>
@@ -56,7 +56,7 @@ const router = useRouter();
 
 watch(active, (val) => {
   router.push(val);
-})
+});
 </script>
 
 <style>
@@ -133,6 +133,6 @@ body {
 }
 
 .layui-tab-content {
-  padding: 0!important;
+  padding: 0 !important;
 }
 </style>

package/layer/src/component/index.vue

@@ -159,14 +159,17 @@ const _l: Ref<string> = ref(offset.value[1]);
  * <p>
  */
 const firstOpenDelayCalculation = function () {
-  nextTick( async () => {
+  nextTick(async () => {
     area.value = getArea(layero.value);
     if (type == 4) {
       area.value = calculateDrawerArea(props.offset, props.area);
     }
     if (type == 5) {
       // @ts-ignore
-      area.value = await calculatePhotosArea(props.imgList[props.startIndex].src, props);
+      area.value = await calculatePhotosArea(
+        props.imgList[props.startIndex].src,
+        props
+      );
     }
     offset.value = calculateOffset(props.offset, area.value, props.type);
     w.value = area.value[0];