vxe-pc-ui 4.3.94 → 4.3.95

package/lib/index.umd.js

@@ -3524,7 +3524,8 @@ setTheme();
     },
     button: {
       confirm: '确认',
-      cancel: '取消'
+      cancel: '取消',
+      clear: '清除'
     },
     filter: {
       search: '搜索'
@@ -4147,14 +4148,14 @@ function checkDynamic() {
 }
 ;// CONCATENATED MODULE: ./packages/ui/src/log.ts
 
-const log_version = `ui v${"4.3.94"}`;
+const log_version = `ui v${"4.3.95"}`;
 const warnLog = log.create('warn', log_version);
 const errLog = log.create('error', log_version);
 ;// CONCATENATED MODULE: ./packages/ui/index.ts
 
 
 
-const ui_version = "4.3.94";
+const ui_version = "4.3.95";
 index_esm_VxeUI.uiVersion = ui_version;
 index_esm_VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -4365,6 +4366,7 @@ setConfig({
         left: 32
       }
     },
+    // remember: false,
     // storage: false,
     storageKey: 'VXE_MODAL_POSITION'
   },
@@ -14259,6 +14261,10 @@ const Countdown = VxeCountdown;
       default: () => getConfig().datePicker.size || getConfig().size
     },
     multiple: Boolean,
+    limitCount: {
+      type: [String, Number],
+      default: () => getConfig().upload.limitCount
+    },
     // date、week、month、quarter、year
     startDate: {
       type: [String, Number, Date],
@@ -14452,6 +14458,20 @@ const Countdown = VxeCountdown;
       const dateLabelFormat = computeDateLabelFormat.value;
       return dateListValue.map(date => external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toDateString(date, dateLabelFormat)).join(', ');
     });
+    const computeLimitMaxCount = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      return props.multiple ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(props.limitCount) : 0;
+    });
+    const computeOverCount = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      const {
+        multiple
+      } = props;
+      const limitMaxCount = computeLimitMaxCount.value;
+      const dateMultipleValue = computeDateMultipleValue.value;
+      if (multiple && limitMaxCount) {
+        return dateMultipleValue.length >= limitMaxCount;
+      }
+      return false;
+    });
     const computeDateValueFormat = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const {
         type,
@@ -15055,6 +15075,7 @@ const Countdown = VxeCountdown;
       });
       dateCheckMonth(date);
       if (multiple) {
+        const overCount = computeOverCount.value;
         // 如果为多选
         if (isDateTimeType) {
           // 如果是datetime特殊类型
@@ -15062,6 +15083,10 @@ const Countdown = VxeCountdown;
           const datetimeRest = [];
           const eqIndex = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().findIndexOf(dateListValue, val => external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(date, val, 'yyyyMMdd'));
           if (eqIndex === -1) {
+            if (overCount) {
+              // 如果超出最大多选数量
+              return;
+            }
             dateListValue.push(date);
           } else {
             dateListValue.splice(eqIndex, 1);
@@ -15087,6 +15112,10 @@ const Countdown = VxeCountdown;
               type: 'update'
             });
           } else {
+            if (overCount) {
+              // 如果超出最大多选数量
+              return;
+            }
             handleChange(dateMultipleValue.concat([inpVal]).join(','), {
               type: 'update'
             });
@@ -15484,6 +15513,11 @@ const Countdown = VxeCountdown;
       }
       dateTimeChangeEvent(evnt);
     };
+    // const dateClearEvent = (evnt: MouseEvent) => {
+    //   const value = ''
+    //   handleChange(value, evnt)
+    //   dispatchEvent('clear', { value }, evnt)
+    // }
     const dateConfirmEvent = () => {
       const {
         multiple
@@ -16014,6 +16048,7 @@ const Countdown = VxeCountdown;
       const dateHeaders = computeDateHeaders.value;
       const dayDatas = computeDayDatas.value;
       const dateListValue = computeDateListValue.value;
+      const overCount = computeOverCount.value;
       const matchFormat = 'yyyyMMdd';
       return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('table', {
         class: `vxe-date-picker--date-${datePanelType}-view`,
@@ -16024,6 +16059,7 @@ const Countdown = VxeCountdown;
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('th', item.label);
       }))]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('tbody', dayDatas.map(rows => {
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('tr', rows.map(item => {
+          const isSelected = multiple ? dateListValue.some(val => external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(val, item.date, matchFormat)) : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(dateValue, item.date, matchFormat);
           return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('td', {
             class: {
               'is--prev': item.isPrev,
@@ -16031,8 +16067,9 @@ const Countdown = VxeCountdown;
               'is--now': item.isNow,
               'is--next': item.isNext,
               'is--disabled': isDateDisabled(item),
-              'is--selected': multiple ? dateListValue.some(val => external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(val, item.date, matchFormat)) : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(dateValue, item.date, matchFormat),
-              'is--hover': external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(datePanelValue, item.date, matchFormat)
+              'is--selected': isSelected,
+              'is--over': overCount && !isSelected,
+              'is--hover': !overCount && external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(datePanelValue, item.date, matchFormat)
             },
             onClick: () => dateSelectEvent(item),
             onMouseenter: () => dateMouseenterEvent(item)
@@ -16052,6 +16089,7 @@ const Countdown = VxeCountdown;
       const weekHeaders = computeWeekHeaders.value;
       const weekDates = computeWeekDates.value;
       const dateListValue = computeDateListValue.value;
+      const overCount = computeOverCount.value;
       const matchFormat = 'yyyyMMdd';
       return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('table', {
         class: `vxe-date-picker--date-${datePanelType}-view`,
@@ -16072,7 +16110,8 @@ const Countdown = VxeCountdown;
               'is--next': item.isNext,
               'is--disabled': isDateDisabled(item),
               'is--selected': isSelected,
-              'is--hover': isHover
+              'is--over': overCount && !isSelected,
+              'is--hover': !overCount && isHover
             },
             // event
             onClick: () => dateSelectEvent(item),
@@ -16092,6 +16131,7 @@ const Countdown = VxeCountdown;
       const dateValue = computeDateValue.value;
       const monthDatas = computeMonthDatas.value;
       const dateListValue = computeDateListValue.value;
+      const overCount = computeOverCount.value;
       const matchFormat = 'yyyyMM';
       return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('table', {
         class: `vxe-date-picker--date-${datePanelType}-view`,
@@ -16100,6 +16140,7 @@ const Countdown = VxeCountdown;
         border: 0
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('tbody', monthDatas.map(rows => {
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('tr', rows.map(item => {
+          const isSelected = multiple ? dateListValue.some(val => external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(val, item.date, matchFormat)) : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(dateValue, item.date, matchFormat);
           return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('td', {
             class: {
               'is--prev': item.isPrev,
@@ -16107,8 +16148,9 @@ const Countdown = VxeCountdown;
               'is--now': item.isNow,
               'is--next': item.isNext,
               'is--disabled': isDateDisabled(item),
-              'is--selected': multiple ? dateListValue.some(val => external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(val, item.date, matchFormat)) : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(dateValue, item.date, matchFormat),
-              'is--hover': external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(datePanelValue, item.date, matchFormat)
+              'is--selected': isSelected,
+              'is--over': overCount && !isSelected,
+              'is--hover': !overCount && external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(datePanelValue, item.date, matchFormat)
             },
             onClick: () => dateSelectEvent(item),
             onMouseenter: () => dateMouseenterEvent(item)
@@ -16127,6 +16169,7 @@ const Countdown = VxeCountdown;
       const dateValue = computeDateValue.value;
       const quarterDatas = computeQuarterDatas.value;
       const dateListValue = computeDateListValue.value;
+      const overCount = computeOverCount.value;
       const matchFormat = 'yyyyq';
       return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('table', {
         class: `vxe-date-picker--date-${datePanelType}-view`,
@@ -16135,6 +16178,7 @@ const Countdown = VxeCountdown;
         border: 0
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('tbody', quarterDatas.map(rows => {
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('tr', rows.map(item => {
+          const isSelected = multiple ? dateListValue.some(val => external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(val, item.date, matchFormat)) : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(dateValue, item.date, matchFormat);
           return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('td', {
             class: {
               'is--prev': item.isPrev,
@@ -16142,8 +16186,9 @@ const Countdown = VxeCountdown;
               'is--now': item.isNow,
               'is--next': item.isNext,
               'is--disabled': isDateDisabled(item),
-              'is--selected': multiple ? dateListValue.some(val => external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(val, item.date, matchFormat)) : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(dateValue, item.date, matchFormat),
-              'is--hover': external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(datePanelValue, item.date, matchFormat)
+              'is--selected': isSelected,
+              'is--over': overCount && !isSelected,
+              'is--hover': !overCount && external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(datePanelValue, item.date, matchFormat)
             },
             onClick: () => dateSelectEvent(item),
             onMouseenter: () => dateMouseenterEvent(item)
@@ -16162,6 +16207,7 @@ const Countdown = VxeCountdown;
       const dateValue = computeDateValue.value;
       const yearDatas = computeYearDatas.value;
       const dateListValue = computeDateListValue.value;
+      const overCount = computeOverCount.value;
       const matchFormat = 'yyyy';
       return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('table', {
         class: `vxe-date-picker--date-${datePanelType}-view`,
@@ -16170,6 +16216,7 @@ const Countdown = VxeCountdown;
         border: 0
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('tbody', yearDatas.map(rows => {
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('tr', rows.map(item => {
+          const isSelected = multiple ? dateListValue.some(val => external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(val, item.date, matchFormat)) : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(dateValue, item.date, matchFormat);
           return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('td', {
             class: {
               'is--prev': item.isPrev,
@@ -16177,8 +16224,9 @@ const Countdown = VxeCountdown;
               'is--now': item.isNow,
               'is--next': item.isNext,
               'is--disabled': isDateDisabled(item),
-              'is--selected': multiple ? dateListValue.some(val => external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(val, item.date, matchFormat)) : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(dateValue, item.date, matchFormat),
-              'is--hover': external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(datePanelValue, item.date, matchFormat)
+              'is--selected': isSelected,
+              'is--over': overCount && !isSelected,
+              'is--hover': !overCount && external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(datePanelValue, item.date, matchFormat)
             },
             onClick: () => dateSelectEvent(item),
             onMouseenter: () => dateMouseenterEvent(item)
@@ -16212,6 +16260,7 @@ const Countdown = VxeCountdown;
       const isDisabledPrevDateBtn = computeIsDisabledPrevDateBtn.value;
       const isDisabledNextDateBtn = computeIsDisabledNextDateBtn.value;
       const selectDatePanelLabel = computeSelectDatePanelLabel.value;
+      const supportMultiples = computeSupportMultiples.value;
       return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-date-picker--date-picker-header'
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
@@ -16242,7 +16291,7 @@ const Countdown = VxeCountdown;
         onClick: dateNextEvent
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('i', {
         class: 'vxe-icon-caret-right'
-      })]), multiple && computeSupportMultiples.value ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
+      })]), multiple && supportMultiples ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
         class: 'vxe-date-picker--date-picker-btn vxe-date-picker--date-picker-confirm-btn'
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('button', {
         class: 'vxe-date-picker--date-picker-confirm',