✨(component): update

package/component/src/component/select/index.less

@@ -5,6 +5,7 @@
 
 .layui-select {
   width: 220px;
+  cursor: pointer;
   .layui-tag-input{
     width: 220px;
     &-clear{
@@ -13,6 +14,10 @@
   }
 }
 
+.layui-unselect * {
+  cursor: pointer;
+}
+
 .layui-select-content {
   max-height: 300px;
   padding: 5px 0px;

package/component/src/component/select/index.vue

@@ -1,12 +1,12 @@
 <script lang="ts">
-  export default {
+export default {
   name: "LaySelect",
-  };
-  </script>
+};
+</script>
 
-  <script setup lang="ts">
-  import "./index.less";
-  import {
+<script setup lang="ts">
+import "./index.less";
+import {
   provide,
   computed,
   ref,
@@ -17,17 +17,17 @@
   Component,
   watch,
   nextTick,
-    onUnmounted
-  } from "vue";
-  import { LayIcon } from "@layui/icons-vue";
-  import LayInput from "../input/index.vue";
-  import LayTagInput from "../tagInput/index.vue";
-  import LayDropdown from "../dropdown/index.vue";
-  import LaySelectOption, {
+  onUnmounted,
+} from "vue";
+import { LayIcon } from "@layui/icons-vue";
+import LayInput from "../input/index.vue";
+import LayTagInput from "../tagInput/index.vue";
+import LayDropdown from "../dropdown/index.vue";
+import LaySelectOption, {
   LaySelectOptionProps,
-  } from "../selectOption/index.vue";
+} from "../selectOption/index.vue";
 
-  export interface LaySelectProps {
+export interface LaySelectProps {
   name?: string;
   disabled?: boolean;
   placeholder?: string;
@@ -42,15 +42,15 @@
   minCollapsedNum?: number;
   allowClear?: boolean;
   showSearch?: boolean;
-  }
+}
 
-  export interface SelectEmits {
+export interface SelectEmits {
   (e: "update:modelValue", value: string): void;
   (e: "change", value: string): void;
   (e: "search", value: string): void;
-  }
+}
 
-  const props = withDefaults(defineProps<LaySelectProps>(), {
+const props = withDefaults(defineProps<LaySelectProps>(), {
   modelValue: null,
   placeholder: "请选择",
   showEmpty: true,
@@ -63,18 +63,18 @@
   allowClear: false,
   showSearch: false,
   size: "md",
-  });
+});
 
-  const slots = useSlots();
-  const searchValue = ref("");
-  const singleValue = ref("");
-  const multipleValue = ref([]);
-  const emits = defineEmits<SelectEmits>();
-  const openState: Ref<boolean> = ref(false);
-  const options = ref<any>([]);
-  var timer: any;
+const slots = useSlots();
+const searchValue = ref("");
+const singleValue = ref("");
+const multipleValue = ref([]);
+const emits = defineEmits<SelectEmits>();
+const openState: Ref<boolean> = ref(false);
+const options = ref<any>([]);
+var timer: any;
 
-  const getOption = (nodes: VNode[]) => {
+const getOption = (nodes: VNode[]) => {
   nodes?.map((item: VNode) => {
     let component = item.type as Component;
     if (component.name === LaySelectOption.name) {
@@ -83,17 +83,16 @@
       getOption(item.children as VNode[]);
     }
   });
-  };
+};
 
-  const intOption = () => {
+const intOption = () => {
   if (slots.default) {
     getOption(slots.default());
   }
   Object.assign(options.value, props.items);
-  }
-
-  onMounted(() => {
+};
 
+onMounted(() => {
   intOption();
   timer = setInterval(intOption, 500);
 
@@ -118,13 +117,13 @@
     },
     { immediate: true, deep: true }
   );
-  });
+});
 
-  onUnmounted(() => {
+onUnmounted(() => {
   clearInterval(timer);
-  })
+});
 
-  const selectedValue = computed({
+const selectedValue = computed({
   get() {
     return props.modelValue;
   },
@@ -132,33 +131,33 @@
     emits("update:modelValue", value);
     emits("change", value);
   },
-  });
+});
 
-  const multiple = computed(() => {
+const multiple = computed(() => {
   return props.multiple;
-  });
+});
 
-  const handleSearch = (value: string) => {
+const handleSearch = (value: string) => {
   emits("search", value);
   searchValue.value = value;
-  };
+};
 
-  const handleClear = () => {
+const handleClear = () => {
   if (multiple.value) {
     selectedValue.value = [];
   } else {
     selectedValue.value = "";
   }
-  };
+};
 
-  provide("openState", openState);
-  provide("selectedValue", selectedValue);
-  provide("searchValue", searchValue);
-  provide("multiple", multiple);
-  </script>
+provide("openState", openState);
+provide("selectedValue", selectedValue);
+provide("searchValue", searchValue);
+provide("multiple", multiple);
+</script>
 
-  <template>
-    <div class="layui-select layui-unselect">
+<template>
+  <div class="layui-select">
     <lay-dropdown
       :disabled="disabled"
       :update-at-scroll="true"
@@ -174,6 +173,7 @@
         :minCollapsedNum="minCollapsedNum"
         :disabledInput="true"
         :size="size"
+        :class="{'layui-unselect': true}"
         @clear="handleClear"
       >
         <template #suffix>
@@ -189,6 +189,7 @@
         :placeholder="placeholder"
         :allow-clear="allowClear"
         :readonly="!showSearch"
+        :class="{'layui-unselect': !showSearch}"
         :size="size"
         @Input="handleSearch"
         @clear="handleClear"
@@ -227,5 +228,4 @@
       </template>
     </lay-dropdown>
   </div>
-  </template>
-  
+</template>

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

@@ -13,7 +13,7 @@
 ::: demo 使用 `lay-select` 标签, 创建下拉选择框
 
 <template>
-  <lay-select v-model="value">
+  <lay-select v-model="value" placeholder="请选择">
     <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>

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

@@ -14,17 +14,19 @@
       <ul> 
       <a name="1-5-1"></a> 
       <li> 
-        <h3>1.5.1 <span class="layui-badge-rim">2022-10-01</span></h3> 
+        <h3>1.5.1 <span class="layui-badge-rim">2022-09-30</span></h3> 
         <ul>
-          <li>[新增] avatar 组件 default 查询, 用于显示文本头像。</li>
+          <li>[新增] avatar 组件 default 插槽, 支持文本头像, 用于复杂场景。</li>
           <li>[新增] avatar 组件 icon 属性, 用于展示 iconfont 头像, 默认值为 `layui-icon-username`。</li>
+          <li>[修复] select 组件 multiple 为 true 且 showSearch 为 true 时光标为输入, 否则为小手指。</li>
+          <li>[修复] select 组件 slots 延时渲染, 选中项 label 不更新的问题。</li>
         </ul> 
       </li>
     </ul>
     <ul> 
       <a name="1-5-0"></a> 
       <li> 
-        <h3>1.5.0 <span class="layui-badge-rim">2022-10-01</span></h3> 
+        <h3>1.5.0 <span class="layui-badge-rim">2022-09-29</span></h3> 
         <ul>
           <li>[新增] tag-input 标签输入框组件, 用于录入事物的属性与纬度。</li>
           <li>[新增] table 组件 header 插槽, 用于在工具栏与表格之间插入元素。</li>