@lx-frontend/wrap-element-ui 1.0.18 → 1.0.19-beta.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lx-frontend/wrap-element-ui",
-  "version": "1.0.18",
+  "version": "1.0.19-beta.1",
   "description": "wrap-element-ui",
   "author": "",
   "main": "src/components/index.ts",

package/src/components/SearchForm/helper.ts

@@ -0,0 +1,25 @@
+import dayjs from "dayjs";
+
+/** 开始日期禁用配置 */
+export function genStartDateDisabledOptions(endDate: string, limit: number = 0) {
+  return {
+    disabledDate: (time: Date) => {
+      if (!endDate) return false;
+      
+      const currentDate = dayjs(time);
+      return currentDate.isAfter(dayjs(endDate).add(limit, 'day'), 'day');
+    }
+  };
+}
+
+/** 结束日期禁用配置 */
+export function genEndDateDisabledOptions(startDate: string, limit: number = 0) {
+  return {
+    disabledDate: (time: Date) => {
+      if (!startDate) return false;
+      
+      const currentDate = dayjs(time);
+      return currentDate.isBefore(dayjs(startDate).subtract(limit, 'day'), 'day');
+    }
+  };
+}

package/src/components/SearchForm/index.vue

@@ -8,7 +8,7 @@
       v-for="({
         isEmpty = true, key, type, prop, label, placeholder, candidate, filterable=false, withoutAll=false, collapseTags=false,
         clearable=false, multiple=false, multipleLimit=0, changeCb, inputLimitCallback, slotName, dateType='date',
-        doubleIsInline = true, maxlength = 255,
+        doubleIsInline = true, maxlength = 255, doubleDatePickerLimit = 30,
       }) in config"
       :key="label"
       :label="showLabel ? label : ''"
@@ -85,6 +85,7 @@
           format="yyyy-MM-dd"
           type="date"
           :placeholder="(placeholder || [])[0] || '开始日期'"
+          :picker-options="genStartDateDisabledOptions(formData[prop[1]], doubleDatePickerLimit)"
         />
         <el-date-picker
           @input="val => handleInput(val, prop[1], '', key)"
@@ -94,6 +95,7 @@
           format="yyyy-MM-dd"
           type="date"
           :placeholder="(placeholder || [])[1] || '结束日期'"
+          :picker-options="genEndDateDisabledOptions(formData[prop[0]], doubleDatePickerLimit)"
         />
         <el-checkbox
           :value="checkedIds[key]"
@@ -124,6 +126,8 @@
 </template>
 
 <script>
+import { genStartDateDisabledOptions, genEndDateDisabledOptions } from './helper';
+
 export default {
   name: 'SearchForm',
   props: {
@@ -187,6 +191,8 @@ export default {
     this.initialData = Object.freeze({ ...this.formData })
   },
   methods: {
+    genStartDateDisabledOptions,
+    genEndDateDisabledOptions,
     handleInput (val, prop, inputLimitCallback, key) {
       if (inputLimitCallback && !inputLimitCallback(val)) return false
       if (val) {