✨(component): 新增 date-picker 组件 placeholder 属性 string[] 类型支持

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

@@ -14,7 +14,7 @@
       <lay-input
         :name="name"
         :readonly="readonly"
-        :placeholder="placeholder"
+        :placeholder="startPlaceholder"
         :prefix-icon="prefixIcon"
         :suffix-icon="suffixIcon"
         :disabled="disabled"
@@ -34,6 +34,7 @@
           :readonly="readonly"
           :name="name"
           v-model="dateValue[0]"
+          :placeholder="startPlaceholder"
           :disabled="disabled"
           @change="onChange"
           class="start-input"
@@ -45,6 +46,7 @@
           :readonly="readonly"
           :name="name"
           :allow-clear="disabled && allowClear"
+          :placeholder="endPlaceholder"
           v-model="dateValue[1]"
           :disabled="disabled"
           @change="onChange"
@@ -126,10 +128,11 @@ import YearPanel from "./components/YearPanel.vue";
 import MonthPanel from "./components/MonthPanel.vue";
 import DateRange from "./components/DateRange.vue";
 import MonthRange from "./components/MonthRange.vue";
+import { computed } from "@vue/reactivity";
 
 export interface DatePickerProps {
   type?: "date" | "datetime" | "year" | "time" | "month" | "yearmonth";
-  placeholder?: string;
+  placeholder?: string | string[];
   modelValue?: string | number | string[];
   disabled?: boolean;
   simple?: boolean;
@@ -163,6 +166,20 @@ const props = withDefaults(defineProps<DatePickerProps>(), {
   timestamp: false,
 });
 
+const startPlaceholder = computed(() => {
+  if(Array.isArray(props.placeholder)) {
+    return props.placeholder[0];
+   } 
+   return props.placeholder;
+});
+
+const endPlaceholder = computed(() => {
+  if(Array.isArray(props.placeholder)) {
+    return props.placeholder[1];
+   } 
+   return props.placeholder;
+});
+
 const dropdownRef = ref(null);
 const $emits = defineEmits(["update:modelValue"]);
 const hms = ref({

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

@@ -227,15 +227,15 @@ export default {
 
 <template>
   <div style="display:flex;  align-items: center;margin-bottom: 5px;">
-    <lay-date-picker  v-model="rangeTime1" range placeholder="type : date"></lay-date-picker>
+    <lay-date-picker  v-model="rangeTime1" range :placeholder="['开始日期','结束日期']"></lay-date-picker>
     <span style="margin-left:10px">modelValue:{{rangeTime1}}</span>
   </div>
   <div style="display:flex;  align-items: center;margin-bottom: 5px;">
-    <lay-date-picker  v-model="rangeTime2" range type="datetime" placeholder="type : datetime"></lay-date-picker>
+    <lay-date-picker  v-model="rangeTime2" range type="datetime" :placeholder="['开始日期','结束日期']"></lay-date-picker>
     <span style="margin-left:10px">modelValue:{{rangeTime2}}</span>
   </div>
   <div style="display:flex;  align-items: center;margin-bottom: 5px;">
-    <lay-date-picker  v-model="rangeTime3" range type="yearmonth" placeholder="type : datetime"></lay-date-picker>
+    <lay-date-picker  v-model="rangeTime3" range type="yearmonth" :placeholder="['开始日期','结束日期']"></lay-date-picker>
     <span style="margin-left:10px">modelValue:{{rangeTime3}}</span>
   </div>
 </template>