@mekari/pixel3-date-picker 0.1.6-dev.1 → 0.1.6-dev.3

package/dist/date-picker.js

@@ -56,6 +56,9 @@ var Date2 = (0, import_vue2.defineComponent)({
     isShowPinbar: {
       type: Boolean,
       default: false
+    },
+    disabledMessage: {
+      type: String
     }
   },
   setup(props, {
@@ -69,7 +72,7 @@ var Date2 = (0, import_vue2.defineComponent)({
         root,
         pinbar
       } = (0, import_recipes.pinbarSlotRecipe)();
-      return (0, import_vue.createVNode)("button", {
+      return (0, import_vue.withDirectives)((0, import_vue.createVNode)("button", {
         "disabled": props.isDisabled,
         "data-status": props.status,
         "class": dateItemClasses
@@ -77,7 +80,7 @@ var Date2 = (0, import_vue2.defineComponent)({
         "class": root
       }, [(0, import_vue.createVNode)("div", {
         "class": pinbar
-      }, null)])]);
+      }, null)])]), [[(0, import_vue.resolveDirective)("tooltip"), props.disabledMessage || ""]]);
     };
   }
 });
@@ -112,6 +115,9 @@ var Month = (0, import_vue6.defineComponent)({
     isDisabled: {
       type: Boolean,
       default: false
+    },
+    disabledMessage: {
+      type: String
     }
   },
   setup(props, {
@@ -121,11 +127,11 @@ var Month = (0, import_vue6.defineComponent)({
       const classes = (0, import_recipes3.monthItemRecipe)({
         status: props.status
       });
-      return (0, import_vue5.createVNode)("button", {
+      return (0, import_vue5.withDirectives)((0, import_vue5.createVNode)("button", {
         "disabled": props.isDisabled,
         "data-status": props.status,
         "class": classes
-      }, [slots.default()]);
+      }, [slots.default()]), [[(0, import_vue5.resolveDirective)("tooltip"), props.disabledMessage || ""]]);
     };
   }
 });
@@ -143,6 +149,9 @@ var YearItem = (0, import_vue8.defineComponent)({
     isDisabled: {
       type: Boolean,
       default: false
+    },
+    disabledMessage: {
+      type: String
     }
   },
   setup(props, {
@@ -152,11 +161,11 @@ var YearItem = (0, import_vue8.defineComponent)({
       const classes = (0, import_recipes4.yearItemRecipe)({
         status: props.status
       });
-      return (0, import_vue7.createVNode)("button", {
+      return (0, import_vue7.withDirectives)((0, import_vue7.createVNode)("button", {
         "disabled": props.isDisabled,
         "data-status": props.status,
         "class": classes
-      }, [slots.default()]);
+      }, [slots.default()]), [[(0, import_vue7.resolveDirective)("tooltip"), props.disabledMessage || ""]]);
     };
   }
 });
@@ -175,6 +184,10 @@ var TimeItem = (0, import_vue10.defineComponent)({
     isDisabled: {
       type: Boolean,
       default: false
+    },
+    disabledMessage: {
+      type: String,
+      default: ""
     }
   },
   setup(props, {
@@ -184,11 +197,11 @@ var TimeItem = (0, import_vue10.defineComponent)({
       const classes = (0, import_recipes5.timeItemRecipe)({
         status: props.status
       });
-      return (0, import_vue9.createVNode)("button", {
+      return (0, import_vue9.withDirectives)((0, import_vue9.createVNode)("button", {
         "disabled": props.isDisabled,
         "data-status": props.status,
         "class": classes
-      }, [slots.default()]);
+      }, [slots.default()]), [[(0, import_vue9.resolveDirective)("tooltip"), props.disabledMessage || ""]]);
     };
   }
 });
@@ -280,6 +293,9 @@ var TableDate = (0, import_vue12.defineComponent)({
     },
     isHideNotThisMonthDate: {
       type: Boolean
+    },
+    disabledMessage: {
+      type: String
     }
   },
   emits: ["next", "previous", "changePanel", "select", "clickHeaderLabel", "mouseEnter", "mouseLeave"],
@@ -322,6 +338,7 @@ var TableDate = (0, import_vue12.defineComponent)({
       } = props.getDateStatus(date);
       return {
         status: isDisabled ? "disabled" : status,
+        disabledMessage: props.disabledMessage,
         isDisabled,
         isShowPinbar,
         onClick: () => onSelectDate(date),
@@ -497,6 +514,9 @@ var TableMonth = (0, import_vue14.defineComponent)({
     },
     isShowShortcut: {
       type: Boolean
+    },
+    disabledMessage: {
+      type: String
     }
   },
   emits: ["next", "previous", "select", "clickHeaderLabel", "mouseEnter", "mouseLeave"],
@@ -533,6 +553,7 @@ var TableMonth = (0, import_vue14.defineComponent)({
       } = props.getMonthStatus(month, getCalendarYear.value);
       return {
         status: isDisabled ? "disabled" : status,
+        disabledMessage: props.disabledMessage,
         isDisabled,
         onClick: () => onSelectMonth(month, getCalendarYear.value),
         onMouseenter: () => {
@@ -608,6 +629,9 @@ var TableYear = (0, import_vue16.defineComponent)({
     },
     isShowShortcut: {
       type: Boolean
+    },
+    disabledMessage: {
+      type: String
     }
   },
   emits: ["next", "previous", "select", "mouseEnter", "mouseLeave"],
@@ -645,6 +669,7 @@ var TableYear = (0, import_vue16.defineComponent)({
       } = props.getYearStatus(year);
       return {
         status: isDisabled ? "disabled" : status,
+        disabledMessage: props.disabledMessage,
         isDisabled,
         onClick: () => onSelectYear(year),
         onMouseenter: () => {
@@ -959,6 +984,10 @@ var timePanelProps = {
   disabledTime: {
     type: Function,
     default: () => false
+  },
+  disabledMessage: {
+    type: String,
+    default: ""
   }
 };
 var calendarPanelProps = {
@@ -1016,6 +1045,9 @@ var calendarPanelProps = {
   },
   isHideNotThisMonthDate: {
     type: Boolean
+  },
+  disabledMessage: {
+    type: String
   }
 };
 var calendarPanelRangeProps = {
@@ -1319,7 +1351,8 @@ var CalendarPanel = (0, import_vue20.defineComponent)({
           "isShowShortcut": props.isShowShortcut,
           "onMouseEnter": (value) => emit("mouseEnter", value),
           "onMouseLeave": () => emit("mouseLeave"),
-          "isHideNotThisMonthDate": props.isHideNotThisMonthDate
+          "isHideNotThisMonthDate": props.isHideNotThisMonthDate,
+          "disabledMessage": props.disabledMessage
         }, null);
       }
       if (currentPanel.value === "month") {
@@ -1335,7 +1368,8 @@ var CalendarPanel = (0, import_vue20.defineComponent)({
           "getMonthStatus": getMonthStatus,
           "onMouseEnter": (value) => emit("mouseEnter", value),
           "onMouseLeave": () => emit("mouseLeave"),
-          "isShowShortcut": props.isShowShortcut
+          "isShowShortcut": props.isShowShortcut,
+          "disabledMessage": props.disabledMessage
         }, null);
       }
       if (currentPanel.value === "year") {
@@ -1349,7 +1383,8 @@ var CalendarPanel = (0, import_vue20.defineComponent)({
           "getYearStatus": getYearStatus,
           "onMouseEnter": (value) => emit("mouseEnter", value),
           "onMouseLeave": () => emit("mouseLeave"),
-          "isShowShortcut": props.isShowShortcut
+          "isShowShortcut": props.isShowShortcut,
+          "disabledMessage": props.disabledMessage
         }, null);
       }
     };
@@ -1576,7 +1611,8 @@ var CalendarPanelRange = (0, import_vue20.defineComponent)({
         disabledYear: props.disabledYear,
         "onUpdate:modelValue": (date) => onSelectDate(date),
         onMouseEnter: (date) => setHoveredDate(date),
-        onMouseLeave: () => setHoveredDate(void 0)
+        onMouseLeave: () => setHoveredDate(void 0),
+        disabledMessage: props.disabledMessage
       };
       const leftNode = (0, import_vue19.createVNode)(CalendarPanel, (0, import_vue19.mergeProps)({
         "data-pixel-parts": "CalendarPanelLeft"
@@ -1810,6 +1846,7 @@ var TimePanel = (0, import_vue23.defineComponent)({
       return {
         status,
         isDisabled: status === "disabled" || void 0,
+        disabledMessage: props.disabledMessage,
         "data-selected": status === "selected" || void 0
       };
     }
@@ -2184,7 +2221,8 @@ var MpDatePicker = (0, import_vue26.defineComponent)({
         "onUpdate:modelValue": onEmitModelValue,
         disabledDate: props.disabledDate,
         disabledMonth: props.disabledMonth,
-        disabledYear: props.disabledYear
+        disabledYear: props.disabledYear,
+        disabledMessage: props.disabledMessage
       };
       const datePanelNode = isUseRange.value ? (0, import_vue25.createVNode)(CalendarPanelRange, (0, import_vue25.mergeProps)(calendarPanelAttrs, {
         "modelValue": innerValue.value
@@ -2201,7 +2239,8 @@ var MpDatePicker = (0, import_vue26.defineComponent)({
         "hourStep": props.hourStep,
         "minuteStep": props.minuteStep,
         "secondStep": props.minuteStep,
-        "isUse12h": props.isUse12h
+        "isUse12h": props.isUse12h,
+        "disabledMessage": props.disabledMessage
       }, null);
       const panelNode = props.type === "time" ? timePanelNode : datePanelNode;
       const withPopover = (0, import_vue25.createVNode)(import_pixel3_popover.MpPopover, {

package/dist/date-picker.mjs

@@ -1,23 +1,23 @@
 import {
   MpDatePicker
-} from "./chunk-K4TP3SYJ.mjs";
+} from "./chunk-6ATHD2XU.mjs";
 import "./chunk-PJ5NBVPN.mjs";
-import "./chunk-73ITB7M5.mjs";
+import "./chunk-W3EPTRHK.mjs";
 import "./chunk-V6D6W7RO.mjs";
-import "./chunk-64EO4HV7.mjs";
-import "./chunk-5MFHZK63.mjs";
-import "./chunk-O43S64IA.mjs";
+import "./chunk-BLM5LOD6.mjs";
+import "./chunk-7RQ25HKG.mjs";
+import "./chunk-JM6XSORJ.mjs";
 import "./chunk-7CLF67SP.mjs";
 import "./chunk-IZITNJFI.mjs";
-import "./chunk-AMVBN624.mjs";
+import "./chunk-BPIVV7LI.mjs";
 import "./chunk-OYJNIILC.mjs";
 import "./chunk-MRP3X6QP.mjs";
-import "./chunk-KTYQJMW4.mjs";
-import "./chunk-EQWT6VDG.mjs";
-import "./chunk-J5BK7Z2U.mjs";
+import "./chunk-7KZXF5M7.mjs";
+import "./chunk-KS32XC4D.mjs";
+import "./chunk-WGTOWV2K.mjs";
 import "./chunk-AGAA7XTC.mjs";
-import "./chunk-3VROFGJH.mjs";
-import "./chunk-5VRVDIXN.mjs";
+import "./chunk-AUSURQIR.mjs";
+import "./chunk-POFLLWXQ.mjs";
 import "./chunk-OMV7LXBW.mjs";
 import "./chunk-WK62QUOT.mjs";
 import "./chunk-IRNTTSB7.mjs";

package/dist/index.js

@@ -58,6 +58,9 @@ var Date2 = (0, import_vue2.defineComponent)({
     isShowPinbar: {
       type: Boolean,
       default: false
+    },
+    disabledMessage: {
+      type: String
     }
   },
   setup(props, {
@@ -71,7 +74,7 @@ var Date2 = (0, import_vue2.defineComponent)({
         root,
         pinbar
       } = (0, import_recipes.pinbarSlotRecipe)();
-      return (0, import_vue.createVNode)("button", {
+      return (0, import_vue.withDirectives)((0, import_vue.createVNode)("button", {
         "disabled": props.isDisabled,
         "data-status": props.status,
         "class": dateItemClasses
@@ -79,7 +82,7 @@ var Date2 = (0, import_vue2.defineComponent)({
         "class": root
       }, [(0, import_vue.createVNode)("div", {
         "class": pinbar
-      }, null)])]);
+      }, null)])]), [[(0, import_vue.resolveDirective)("tooltip"), props.disabledMessage || ""]]);
     };
   }
 });
@@ -114,6 +117,9 @@ var Month = (0, import_vue6.defineComponent)({
     isDisabled: {
       type: Boolean,
       default: false
+    },
+    disabledMessage: {
+      type: String
     }
   },
   setup(props, {
@@ -123,11 +129,11 @@ var Month = (0, import_vue6.defineComponent)({
       const classes = (0, import_recipes3.monthItemRecipe)({
         status: props.status
       });
-      return (0, import_vue5.createVNode)("button", {
+      return (0, import_vue5.withDirectives)((0, import_vue5.createVNode)("button", {
         "disabled": props.isDisabled,
         "data-status": props.status,
         "class": classes
-      }, [slots.default()]);
+      }, [slots.default()]), [[(0, import_vue5.resolveDirective)("tooltip"), props.disabledMessage || ""]]);
     };
   }
 });
@@ -145,6 +151,9 @@ var YearItem = (0, import_vue8.defineComponent)({
     isDisabled: {
       type: Boolean,
       default: false
+    },
+    disabledMessage: {
+      type: String
     }
   },
   setup(props, {
@@ -154,11 +163,11 @@ var YearItem = (0, import_vue8.defineComponent)({
       const classes = (0, import_recipes4.yearItemRecipe)({
         status: props.status
       });
-      return (0, import_vue7.createVNode)("button", {
+      return (0, import_vue7.withDirectives)((0, import_vue7.createVNode)("button", {
         "disabled": props.isDisabled,
         "data-status": props.status,
         "class": classes
-      }, [slots.default()]);
+      }, [slots.default()]), [[(0, import_vue7.resolveDirective)("tooltip"), props.disabledMessage || ""]]);
     };
   }
 });
@@ -177,6 +186,10 @@ var TimeItem = (0, import_vue10.defineComponent)({
     isDisabled: {
       type: Boolean,
       default: false
+    },
+    disabledMessage: {
+      type: String,
+      default: ""
     }
   },
   setup(props, {
@@ -186,11 +199,11 @@ var TimeItem = (0, import_vue10.defineComponent)({
       const classes = (0, import_recipes5.timeItemRecipe)({
         status: props.status
       });
-      return (0, import_vue9.createVNode)("button", {
+      return (0, import_vue9.withDirectives)((0, import_vue9.createVNode)("button", {
         "disabled": props.isDisabled,
         "data-status": props.status,
         "class": classes
-      }, [slots.default()]);
+      }, [slots.default()]), [[(0, import_vue9.resolveDirective)("tooltip"), props.disabledMessage || ""]]);
     };
   }
 });
@@ -282,6 +295,9 @@ var TableDate = (0, import_vue12.defineComponent)({
     },
     isHideNotThisMonthDate: {
       type: Boolean
+    },
+    disabledMessage: {
+      type: String
     }
   },
   emits: ["next", "previous", "changePanel", "select", "clickHeaderLabel", "mouseEnter", "mouseLeave"],
@@ -324,6 +340,7 @@ var TableDate = (0, import_vue12.defineComponent)({
       } = props.getDateStatus(date);
       return {
         status: isDisabled ? "disabled" : status,
+        disabledMessage: props.disabledMessage,
         isDisabled,
         isShowPinbar,
         onClick: () => onSelectDate(date),
@@ -499,6 +516,9 @@ var TableMonth = (0, import_vue14.defineComponent)({
     },
     isShowShortcut: {
       type: Boolean
+    },
+    disabledMessage: {
+      type: String
     }
   },
   emits: ["next", "previous", "select", "clickHeaderLabel", "mouseEnter", "mouseLeave"],
@@ -535,6 +555,7 @@ var TableMonth = (0, import_vue14.defineComponent)({
       } = props.getMonthStatus(month, getCalendarYear.value);
       return {
         status: isDisabled ? "disabled" : status,
+        disabledMessage: props.disabledMessage,
         isDisabled,
         onClick: () => onSelectMonth(month, getCalendarYear.value),
         onMouseenter: () => {
@@ -610,6 +631,9 @@ var TableYear = (0, import_vue16.defineComponent)({
     },
     isShowShortcut: {
       type: Boolean
+    },
+    disabledMessage: {
+      type: String
     }
   },
   emits: ["next", "previous", "select", "mouseEnter", "mouseLeave"],
@@ -647,6 +671,7 @@ var TableYear = (0, import_vue16.defineComponent)({
       } = props.getYearStatus(year);
       return {
         status: isDisabled ? "disabled" : status,
+        disabledMessage: props.disabledMessage,
         isDisabled,
         onClick: () => onSelectYear(year),
         onMouseenter: () => {
@@ -961,6 +986,10 @@ var timePanelProps = {
   disabledTime: {
     type: Function,
     default: () => false
+  },
+  disabledMessage: {
+    type: String,
+    default: ""
   }
 };
 var calendarPanelProps = {
@@ -1018,6 +1047,9 @@ var calendarPanelProps = {
   },
   isHideNotThisMonthDate: {
     type: Boolean
+  },
+  disabledMessage: {
+    type: String
   }
 };
 var calendarPanelRangeProps = {
@@ -1321,7 +1353,8 @@ var CalendarPanel = (0, import_vue20.defineComponent)({
           "isShowShortcut": props.isShowShortcut,
           "onMouseEnter": (value) => emit("mouseEnter", value),
           "onMouseLeave": () => emit("mouseLeave"),
-          "isHideNotThisMonthDate": props.isHideNotThisMonthDate
+          "isHideNotThisMonthDate": props.isHideNotThisMonthDate,
+          "disabledMessage": props.disabledMessage
         }, null);
       }
       if (currentPanel.value === "month") {
@@ -1337,7 +1370,8 @@ var CalendarPanel = (0, import_vue20.defineComponent)({
           "getMonthStatus": getMonthStatus,
           "onMouseEnter": (value) => emit("mouseEnter", value),
           "onMouseLeave": () => emit("mouseLeave"),
-          "isShowShortcut": props.isShowShortcut
+          "isShowShortcut": props.isShowShortcut,
+          "disabledMessage": props.disabledMessage
         }, null);
       }
       if (currentPanel.value === "year") {
@@ -1351,7 +1385,8 @@ var CalendarPanel = (0, import_vue20.defineComponent)({
           "getYearStatus": getYearStatus,
           "onMouseEnter": (value) => emit("mouseEnter", value),
           "onMouseLeave": () => emit("mouseLeave"),
-          "isShowShortcut": props.isShowShortcut
+          "isShowShortcut": props.isShowShortcut,
+          "disabledMessage": props.disabledMessage
         }, null);
       }
     };
@@ -1578,7 +1613,8 @@ var CalendarPanelRange = (0, import_vue20.defineComponent)({
         disabledYear: props.disabledYear,
         "onUpdate:modelValue": (date) => onSelectDate(date),
         onMouseEnter: (date) => setHoveredDate(date),
-        onMouseLeave: () => setHoveredDate(void 0)
+        onMouseLeave: () => setHoveredDate(void 0),
+        disabledMessage: props.disabledMessage
       };
       const leftNode = (0, import_vue19.createVNode)(CalendarPanel, (0, import_vue19.mergeProps)({
         "data-pixel-parts": "CalendarPanelLeft"
@@ -1812,6 +1848,7 @@ var TimePanel = (0, import_vue23.defineComponent)({
       return {
         status,
         isDisabled: status === "disabled" || void 0,
+        disabledMessage: props.disabledMessage,
         "data-selected": status === "selected" || void 0
       };
     }
@@ -2186,7 +2223,8 @@ var MpDatePicker = (0, import_vue26.defineComponent)({
         "onUpdate:modelValue": onEmitModelValue,
         disabledDate: props.disabledDate,
         disabledMonth: props.disabledMonth,
-        disabledYear: props.disabledYear
+        disabledYear: props.disabledYear,
+        disabledMessage: props.disabledMessage
       };
       const datePanelNode = isUseRange.value ? (0, import_vue25.createVNode)(CalendarPanelRange, (0, import_vue25.mergeProps)(calendarPanelAttrs, {
         "modelValue": innerValue.value
@@ -2203,7 +2241,8 @@ var MpDatePicker = (0, import_vue26.defineComponent)({
         "hourStep": props.hourStep,
         "minuteStep": props.minuteStep,
         "secondStep": props.minuteStep,
-        "isUse12h": props.isUse12h
+        "isUse12h": props.isUse12h,
+        "disabledMessage": props.disabledMessage
       }, null);
       const panelNode = props.type === "time" ? timePanelNode : datePanelNode;
       const withPopover = (0, import_vue25.createVNode)(import_pixel3_popover.MpPopover, {

package/dist/index.mjs

@@ -1,24 +1,24 @@
 import "./chunk-R7OV3NVO.mjs";
 import {
   MpDatePicker
-} from "./chunk-K4TP3SYJ.mjs";
+} from "./chunk-6ATHD2XU.mjs";
 import "./chunk-PJ5NBVPN.mjs";
-import "./chunk-73ITB7M5.mjs";
+import "./chunk-W3EPTRHK.mjs";
 import "./chunk-V6D6W7RO.mjs";
-import "./chunk-64EO4HV7.mjs";
-import "./chunk-5MFHZK63.mjs";
-import "./chunk-O43S64IA.mjs";
+import "./chunk-BLM5LOD6.mjs";
+import "./chunk-7RQ25HKG.mjs";
+import "./chunk-JM6XSORJ.mjs";
 import "./chunk-7CLF67SP.mjs";
 import "./chunk-IZITNJFI.mjs";
-import "./chunk-AMVBN624.mjs";
+import "./chunk-BPIVV7LI.mjs";
 import "./chunk-OYJNIILC.mjs";
 import "./chunk-MRP3X6QP.mjs";
-import "./chunk-KTYQJMW4.mjs";
-import "./chunk-EQWT6VDG.mjs";
-import "./chunk-J5BK7Z2U.mjs";
+import "./chunk-7KZXF5M7.mjs";
+import "./chunk-KS32XC4D.mjs";
+import "./chunk-WGTOWV2K.mjs";
 import "./chunk-AGAA7XTC.mjs";
-import "./chunk-3VROFGJH.mjs";
-import "./chunk-5VRVDIXN.mjs";
+import "./chunk-AUSURQIR.mjs";
+import "./chunk-POFLLWXQ.mjs";
 import "./chunk-OMV7LXBW.mjs";
 import "./chunk-WK62QUOT.mjs";
 import "./chunk-IRNTTSB7.mjs";