naive-ui 2.37.0 → 2.37.1

package/dist/index.js

@@ -21206,7 +21206,7 @@
      *
      * Letters marked by * are not implemented but reserved by Unicode standard.
      */
-    var formatters$5 = {
+    var formatters$4 = {
       // Year
       y: function y(date, token) {
         // From http://www.unicode.org/reports/tr35/tr35-31/tr35-dates.html#Date_Format_tokens
@@ -21365,7 +21365,7 @@
             unit: 'year'
           });
         }
-        return formatters$5.y(date, token);
+        return formatters$4.y(date, token);
       },
       // Local week-numbering year
       Y: function Y(date, token, localize, options) {
@@ -21487,7 +21487,7 @@
         switch (token) {
           case 'M':
           case 'MM':
-            return formatters$5.M(date, token);
+            return formatters$4.M(date, token);
           // 1st, 2nd, ..., 12th
           case 'Mo':
             return localize.ordinalNumber(month + 1, {
@@ -21577,7 +21577,7 @@
             unit: 'date'
           });
         }
-        return formatters$5.d(date, token);
+        return formatters$4.d(date, token);
       },
       // Day of year
       D: function D(date, token, localize) {
@@ -21857,7 +21857,7 @@
             unit: 'hour'
           });
         }
-        return formatters$5.h(date, token);
+        return formatters$4.h(date, token);
       },
       // Hour [0-23]
       H: function H(date, token, localize) {
@@ -21866,7 +21866,7 @@
             unit: 'hour'
           });
         }
-        return formatters$5.H(date, token);
+        return formatters$4.H(date, token);
       },
       // Hour [0-11]
       K: function K(date, token, localize) {
@@ -21896,7 +21896,7 @@
             unit: 'minute'
           });
         }
-        return formatters$5.m(date, token);
+        return formatters$4.m(date, token);
       },
       // Second
       s: function s(date, token, localize) {
@@ -21905,11 +21905,11 @@
             unit: 'second'
           });
         }
-        return formatters$5.s(date, token);
+        return formatters$4.s(date, token);
       },
       // Fraction of second
       S: function S(date, token) {
-        return formatters$5.S(date, token);
+        return formatters$4.S(date, token);
       },
       // Timezone (ISO-8601. If offset is 0, output is always `'Z'`)
       X: function X(date, token, _localize, options) {
@@ -22037,7 +22037,6 @@
       var minutes = addLeadingZeros$2(absOffset % 60, 2);
       return sign + hours + delimiter + minutes;
     }
-    var formatters$4 = formatters$3;
 
     var dateLongFormatter = function dateLongFormatter(pattern, formatLong) {
       switch (pattern) {
@@ -22118,7 +22117,6 @@
       p: timeLongFormatter,
       P: dateTimeLongFormatter
     };
-    var longFormatters$2 = longFormatters$1;
 
     var protectedDayOfYearTokens$1 = ['D', 'DD'];
     var protectedWeekYearTokens$1 = ['YY', 'YYYY'];
@@ -22494,7 +22492,7 @@
       var result = formatStr.match(longFormattingTokensRegExp$1).map(function (substring) {
         var firstCharacter = substring[0];
         if (firstCharacter === 'p' || firstCharacter === 'P') {
-          var longFormatter = longFormatters$2[firstCharacter];
+          var longFormatter = longFormatters$1[firstCharacter];
           return longFormatter(substring, locale.formatLong);
         }
         return substring;
@@ -22507,7 +22505,7 @@
         if (firstCharacter === "'") {
           return cleanEscapedString$1(substring);
         }
-        var formatter = formatters$4[firstCharacter];
+        var formatter = formatters$3[firstCharacter];
         if (formatter) {
           if (!(options !== null && options !== void 0 && options.useAdditionalWeekYearTokens) && isProtectedWeekYearToken$1(substring)) {
             throwProtectedError$1(substring, dirtyFormatStr, String(dirtyDate));
@@ -25670,8 +25668,8 @@
       var setters = [new DateToSystemTimezoneSetter()];
       var tokens = formatString.match(longFormattingTokensRegExp).map(function (substring) {
         var firstCharacter = substring[0];
-        if (firstCharacter in longFormatters$2) {
-          var longFormatter = longFormatters$2[firstCharacter];
+        if (firstCharacter in longFormatters$1) {
+          var longFormatter = longFormatters$1[firstCharacter];
           return longFormatter(substring, locale.formatLong);
         }
         return substring;
@@ -40247,7 +40245,6 @@
         return {
           handleMouseDown(e) {
             e.preventDefault();
-            props.onClear?.(e);
           }
         };
       },
@@ -45182,6 +45179,7 @@
       blurAfterSelect: Boolean,
       clearAfterSelect: Boolean,
       getShow: Function,
+      showEmpty: Boolean,
       inputProps: Object,
       renderOption: Function,
       renderLabel: Function,
@@ -45251,7 +45249,7 @@
           return !!mergedValueRef.value;
         });
         const activeRef = vue.computed(() => {
-          return mergedShowOptionsRef.value && canBeActivatedRef.value && !!selectOptionsRef.value.length;
+          return mergedShowOptionsRef.value && canBeActivatedRef.value && (props.showEmpty ? true : !!selectOptionsRef.value.length);
         });
         const treeMateRef = vue.computed(
           () => createTreeMate(
@@ -45517,7 +45515,8 @@
                               renderOption: this.renderOption,
                               size: "medium",
                               onToggle: this.handleToggle
-                            }
+                            },
+                            { empty: () => this.$slots.empty?.() }
                           ),
                           [
                             [
@@ -55563,7 +55562,7 @@
           color: var(--n-arrow-color-disabled);
         `)])]), cB("collapse-item", "margin-left: 32px;"), c$1("&:first-child", "margin-top: 0;"), c$1("&:first-child >", [cE("header", "padding-top: 0;")]), cM("left-arrow-placement", [cE("header", [cB("collapse-item-arrow", "margin-right: 4px;")])]), cM("right-arrow-placement", [cE("header", [cB("collapse-item-arrow", "margin-left: 4px;")])]), cE("content-wrapper", [cE("content-inner", "padding-top: 16px;"), fadeInHeightExpandTransition({
       duration: "0.15s"
-    })]), cM("active", [cE("header", [cM("active", [cB("collapse-item-arrow", "transform: rotate(90deg);")])])]), c$1("&:not(:first-child)", "border-top: 1px solid var(--n-divider-color);"), cE("header", `
+    })]), cM("active", [cE("header", [cM("active", [cB("collapse-item-arrow", "transform: rotate(90deg);")])])]), c$1("&:not(:first-child)", "border-top: 1px solid var(--n-divider-color);"), cNotM("disabled", [cM("trigger-area-main", [cE("header", [cE("header-main", "cursor: pointer;"), cB("collapse-item-arrow", "cursor: default;")])]), cM("trigger-area-arrow", [cE("header", [cB("collapse-item-arrow", "cursor: pointer;")])]), cM("trigger-area-extra", [cE("header", [cE("header-extra", "cursor: pointer;")])])]), cE("header", `
       font-size: var(--n-title-font-size);
       display: flex;
       flex-wrap: nowrap;
@@ -55580,7 +55579,6 @@
         transition: color .3s var(--n-bezier);
         flex: 1;
         color: var(--n-title-text-color);
-        cursor: pointer;
       `), cE("header-extra", `
         display: flex;
         align-items: center;
@@ -55614,6 +55612,10 @@
         type: String,
         default: "if"
       },
+      triggerAreas: {
+        type: Array,
+        default: () => ["main", "extra", "arrow"]
+      },
       onItemHeaderClick: [Function, Array],
       "onUpdate:expandedNames": [Function, Array],
       onUpdateExpandedNames: [Function, Array],
@@ -55853,6 +55855,7 @@
           randomName,
           mergedClsPrefix: mergedClsPrefixRef,
           collapsed: collapsedRef,
+          triggerAreas: vue.toRef(collapseProps, "triggerAreas"),
           mergedDisplayDirective: vue.computed(() => {
             const { displayDirective } = props;
             if (displayDirective) {
@@ -55865,6 +55868,14 @@
             return collapseProps.arrowPlacement;
           }),
           handleClick(e) {
+            let happensInArea = "main";
+            if (happensIn(e, "arrow"))
+              happensInArea = "arrow";
+            if (happensIn(e, "extra"))
+              happensInArea = "extra";
+            if (!collapseProps.triggerAreas.includes(happensInArea)) {
+              return;
+            }
             if (NCollapse && !props.disabled) {
               NCollapse.toggleItem(collapsedRef.value, mergedNameRef.value, e);
             }
@@ -55879,7 +55890,8 @@
           collapsed,
           mergedDisplayDirective,
           mergedClsPrefix,
-          disabled
+          disabled,
+          triggerAreas
         } = this;
         const headerNode = resolveSlotWithProps(
           $slots.header,
@@ -55895,7 +55907,10 @@
               `${mergedClsPrefix}-collapse-item`,
               `${mergedClsPrefix}-collapse-item--${arrowPlacement}-arrow-placement`,
               disabled && `${mergedClsPrefix}-collapse-item--disabled`,
-              !collapsed && `${mergedClsPrefix}-collapse-item--active`
+              !collapsed && `${mergedClsPrefix}-collapse-item--active`,
+              triggerAreas.map((area) => {
+                return `${mergedClsPrefix}-collapse-item--trigger-area-${area}`;
+              })
             ]
           },
           /* @__PURE__ */ vue.h(
@@ -55917,7 +55932,8 @@
                 "div",
                 {
                   class: `${mergedClsPrefix}-collapse-item-arrow`,
-                  key: this.rtlEnabled ? 0 : 1
+                  key: this.rtlEnabled ? 0 : 1,
+                  "data-arrow": true
                 },
                 resolveSlotWithProps(arrowSlot, { collapsed }, () => [
                   /* @__PURE__ */ vue.h(NBaseIcon, { clsPrefix: mergedClsPrefix }, {
@@ -55934,7 +55950,8 @@
                 "div",
                 {
                   class: `${mergedClsPrefix}-collapse-item__header-extra`,
-                  onClick: this.handleClick
+                  onClick: this.handleClick,
+                  "data-extra": true
                 },
                 children
               )
@@ -66028,7 +66045,9 @@
         if (value === null || Array.isArray(value) || !["date", "datetime"].includes(type) || !isDateDisabled) {
           return false;
         }
-        return isDateDisabled(value);
+        return isDateDisabled(value, {
+          type: "input"
+        });
       });
       const isTimeInvalidRef = vue.computed(() => {
         const {
@@ -71861,14 +71880,14 @@
         }
         return getTime(startOfDay(value));
       }
-      function mergedIsDateDisabled(ts) {
+      function mergedIsDateDisabled(ts, detail) {
         const {
           isDateDisabled: {
             value: isDateDisabled
           }
         } = validation;
         if (!isDateDisabled) return false;
-        return isDateDisabled(ts);
+        return isDateDisabled(ts, detail);
       }
       function handleDateInput(value) {
         const date = strictParse(value, mergedDateFormatRef.value, /* @__PURE__ */new Date(), panelCommon.dateFnsOptions.value);
@@ -71933,7 +71952,23 @@
         return false;
       }
       function handleDateClick(dateItem) {
-        if (mergedIsDateDisabled(dateItem.ts)) {
+        if (mergedIsDateDisabled(dateItem.ts, dateItem.type === "date" ? {
+          type: "date",
+          year: dateItem.dateObject.year,
+          month: dateItem.dateObject.month,
+          date: dateItem.dateObject.date
+        } : dateItem.type === "month" ? {
+          type: "month",
+          year: dateItem.dateObject.year,
+          month: dateItem.dateObject.month
+        } : dateItem.type === "year" ? {
+          type: "year",
+          year: dateItem.dateObject.year
+        } : {
+          type: "quarter",
+          year: dateItem.dateObject.year,
+          quarter: dateItem.dateObject.quarter
+        })) {
           return;
         }
         let newValue;
@@ -72166,7 +72201,21 @@
                 `${mergedClsPrefix}-date-panel-month-calendar__picker-col-item`,
                 item.isCurrent && `${mergedClsPrefix}-date-panel-month-calendar__picker-col-item--current`,
                 item.selected && `${mergedClsPrefix}-date-panel-month-calendar__picker-col-item--selected`,
-                !useAsQuickJump && mergedIsDateDisabled(item.ts) && `${mergedClsPrefix}-date-panel-month-calendar__picker-col-item--disabled`
+                !useAsQuickJump && mergedIsDateDisabled(
+                  item.ts,
+                  item.type === "year" ? {
+                    type: "year",
+                    year: item.dateObject.year
+                  } : item.type === "month" ? {
+                    type: "month",
+                    year: item.dateObject.year,
+                    month: item.dateObject.month
+                  } : item.type === "quarter" ? {
+                    type: "month",
+                    year: item.dateObject.year,
+                    month: item.dateObject.quarter
+                  } : null
+                ) && `${mergedClsPrefix}-date-panel-month-calendar__picker-col-item--disabled`
               ],
               onClick: () => {
                 useAsQuickJump ? handleQuickMonthClick(item, (value) => {
@@ -72540,7 +72589,12 @@
                   [`${mergedClsPrefix}-date-panel-date--current`]: dateItem.isCurrentDate,
                   [`${mergedClsPrefix}-date-panel-date--selected`]: dateItem.selected,
                   [`${mergedClsPrefix}-date-panel-date--excluded`]: !dateItem.inCurrentMonth,
-                  [`${mergedClsPrefix}-date-panel-date--disabled`]: this.mergedIsDateDisabled(dateItem.ts)
+                  [`${mergedClsPrefix}-date-panel-date--disabled`]: this.mergedIsDateDisabled(dateItem.ts, {
+                    type: "date",
+                    year: dateItem.dateObject.year,
+                    month: dateItem.dateObject.month,
+                    date: dateItem.dateObject.date
+                  })
                 }
               ],
               onClick: () => {
@@ -72839,7 +72893,9 @@
       function mergedIsDateDisabled(ts) {
         const isDateDisabled = isDateDisabledRef.value;
         if (!isDateDisabled) return false;
-        if (!Array.isArray(props.value)) return isDateDisabled(ts, "start", null);
+        if (!Array.isArray(props.value)) {
+          return isDateDisabled(ts, "start", null);
+        }
         if (selectingPhaseRef.value === "start") {
           return isDateDisabled(ts, "start", null);
         } else {
@@ -73697,7 +73753,12 @@
                   [`${mergedClsPrefix}-date-panel-date--current`]: dateItem.isCurrentDate,
                   [`${mergedClsPrefix}-date-panel-date--selected`]: dateItem.selected,
                   [`${mergedClsPrefix}-date-panel-date--excluded`]: !dateItem.inCurrentMonth,
-                  [`${mergedClsPrefix}-date-panel-date--disabled`]: this.mergedIsDateDisabled(dateItem.ts),
+                  [`${mergedClsPrefix}-date-panel-date--disabled`]: this.mergedIsDateDisabled(dateItem.ts, {
+                    type: "date",
+                    year: dateItem.dateObject.year,
+                    month: dateItem.dateObject.month,
+                    date: dateItem.dateObject.date
+                  }),
                   [`${mergedClsPrefix}-date-panel-date--week-hovered`]: this.isWeekHovered(dateItem),
                   [`${mergedClsPrefix}-date-panel-date--week-selected`]: dateItem.inSelectedWeek
                 }
@@ -80260,34 +80321,46 @@
           }
         };
         async function validate(validateCallback, shouldRuleBeApplied = () => true) {
-          await new Promise((resolve, reject) => {
-            const formItemValidationPromises = [];
-            for (const key of keysOf(formItems)) {
-              const formItemInstances = formItems[key];
-              for (const formItemInstance of formItemInstances) {
-                if (formItemInstance.path) {
-                  formItemValidationPromises.push(
-                    formItemInstance.internalValidate(null, shouldRuleBeApplied)
-                  );
+          return await new Promise(
+            (resolve, reject) => {
+              const formItemValidationPromises = [];
+              for (const key of keysOf(formItems)) {
+                const formItemInstances = formItems[key];
+                for (const formItemInstance of formItemInstances) {
+                  if (formItemInstance.path) {
+                    formItemValidationPromises.push(
+                      formItemInstance.internalValidate(null, shouldRuleBeApplied)
+                    );
+                  }
                 }
               }
-            }
-            void Promise.all(formItemValidationPromises).then((results) => {
-              const formInvalid = results.some((result) => !result.valid);
-              const errors = results.filter((result) => result.errors?.length).map((result) => result.errors);
-              const warnings = results.filter((result) => result.warnings?.length).map((result) => result.warnings);
-              if (validateCallback) {
-                validateCallback(
-                  errors?.length ? errors : void 0,
-                  {
-                    warnings: warnings?.length ? warnings : void 0
+              void Promise.all(formItemValidationPromises).then((results) => {
+                const formInvalid = results.some((result) => !result.valid);
+                const errors = [];
+                const warnings = [];
+                results.forEach((result) => {
+                  if (result.errors?.length) {
+                    errors.push(result.errors);
                   }
-                );
-              } else {
-                formInvalid ? reject(errors) : resolve();
-              }
-            });
-          });
+                  if (result.warnings?.length) {
+                    warnings.push(result.warnings);
+                  }
+                });
+                if (validateCallback) {
+                  validateCallback(errors.length ? errors : void 0, {
+                    warnings: warnings.length ? warnings : void 0
+                  });
+                }
+                if (formInvalid) {
+                  reject(errors.length ? errors : void 0);
+                } else {
+                  resolve({
+                    warnings: warnings.length ? warnings : void 0
+                  });
+                }
+              });
+            }
+          );
         }
         function restoreValidation() {
           for (const key of keysOf(formItems)) {
@@ -81846,7 +81919,7 @@
             shouldRuleBeApplied = options.shouldRuleBeApplied;
             asyncValidatorOptions = options.options;
           }
-          await new Promise((resolve, reject) => {
+          return await new Promise((resolve, reject) => {
             void internalValidate(
               trigger,
               shouldRuleBeApplied,
@@ -81856,7 +81929,7 @@
                 if (validateCallback) {
                   validateCallback(void 0, { warnings });
                 }
-                resolve();
+                resolve({ warnings });
               } else {
                 if (validateCallback) {
                   validateCallback(errors, { warnings });
@@ -102181,9 +102254,9 @@
       );
       function handleKeydown(e) {
         if (!props.keyboard)
-          return { enterBehavoir: null };
+          return { enterBehavior: null };
         const { value: pendingNodeKey } = pendingNodeKeyRef;
-        let enterBehavoir = null;
+        let enterBehavior = null;
         if (pendingNodeKey === null) {
           if (e.key === "ArrowDown" || e.key === "ArrowUp") {
             e.preventDefault();
@@ -102205,13 +102278,13 @@
           const { value: fNodes } = fNodesRef;
           let fIndex = fNodes.findIndex((tmNode) => tmNode.key === pendingNodeKey);
           if (!~fIndex)
-            return { enterBehavoir: null };
+            return { enterBehavior: null };
           if (e.key === "Enter") {
             const tmNode = fNodes[fIndex];
-            enterBehavoir = props.overrideDefaultNodeClickBehavior?.({
+            enterBehavior = props.overrideDefaultNodeClickBehavior?.({
               option: tmNode.rawNode
             }) || null;
-            switch (enterBehavoir) {
+            switch (enterBehavior) {
               case "toggleCheck":
                 handleCheck(
                   tmNode,
@@ -102228,7 +102301,7 @@
                 break;
               case "default":
               default:
-                enterBehavoir = "default";
+                enterBehavior = "default";
                 handleSelect(tmNode);
             }
           } else if (e.key === "ArrowDown") {
@@ -102264,7 +102337,7 @@
           } else if (e.key === "ArrowRight") {
             const pendingNode = fNodes[fIndex];
             if (pendingNode.isLeaf)
-              return { enterBehavoir: null };
+              return { enterBehavior: null };
             if (!mergedExpandedKeysRef.value.includes(pendingNodeKey)) {
               handleSwitcherClick(pendingNode);
             } else {
@@ -102280,7 +102353,7 @@
           }
         }
         return {
-          enterBehavoir
+          enterBehavior
         };
       }
       return {
@@ -104413,15 +104486,15 @@
             return treeInst.handleKeydown(e);
           }
           return {
-            enterBehavoir: null
+            enterBehavior: null
           };
         }
         function handleKeydown(e) {
           if (e.key === "Enter") {
             if (mergedShowRef.value) {
-              const { enterBehavoir } = treeHandleKeydown(e);
+              const { enterBehavior } = treeHandleKeydown(e);
               if (!props.multiple) {
-                switch (enterBehavoir) {
+                switch (enterBehavior) {
                   case "default":
                   case "toggleSelect":
                     closeMenu();
@@ -107797,7 +107870,7 @@
         watermarkProps: watermarkProps
     });
 
-    var version = "2.37.0";
+    var version = "2.37.1";
 
     function create({
       componentPrefix = "N",