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

package/dist/components/calendar/index.js

@@ -49,6 +49,9 @@ var Date2 = (0, import_vue2.defineComponent)({
     isShowPinbar: {
       type: Boolean,
       default: false
+    },
+    disabledMessage: {
+      type: String
     }
   },
   setup(props, {
@@ -62,7 +65,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
@@ -70,7 +73,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 || ""]]);
     };
   }
 });
@@ -105,6 +108,9 @@ var Month = (0, import_vue6.defineComponent)({
     isDisabled: {
       type: Boolean,
       default: false
+    },
+    disabledMessage: {
+      type: String
     }
   },
   setup(props, {
@@ -114,11 +120,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 || ""]]);
     };
   }
 });
@@ -136,6 +142,9 @@ var YearItem = (0, import_vue8.defineComponent)({
     isDisabled: {
       type: Boolean,
       default: false
+    },
+    disabledMessage: {
+      type: String
     }
   },
   setup(props, {
@@ -145,11 +154,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 || ""]]);
     };
   }
 });
@@ -168,6 +177,10 @@ var TimeItem = (0, import_vue10.defineComponent)({
     isDisabled: {
       type: Boolean,
       default: false
+    },
+    disabledMessage: {
+      type: String,
+      default: ""
     }
   },
   setup(props, {
@@ -177,11 +190,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 || ""]]);
     };
   }
 });
@@ -236,6 +249,9 @@ var TableDate = (0, import_vue12.defineComponent)({
     },
     isHideNotThisMonthDate: {
       type: Boolean
+    },
+    disabledMessage: {
+      type: String
     }
   },
   emits: ["next", "previous", "changePanel", "select", "clickHeaderLabel", "mouseEnter", "mouseLeave"],
@@ -278,6 +294,7 @@ var TableDate = (0, import_vue12.defineComponent)({
       } = props.getDateStatus(date);
       return {
         status: isDisabled ? "disabled" : status,
+        disabledMessage: props.disabledMessage,
         isDisabled,
         isShowPinbar,
         onClick: () => onSelectDate(date),
@@ -380,6 +397,9 @@ var TableMonth = (0, import_vue14.defineComponent)({
     },
     isShowShortcut: {
       type: Boolean
+    },
+    disabledMessage: {
+      type: String
     }
   },
   emits: ["next", "previous", "select", "clickHeaderLabel", "mouseEnter", "mouseLeave"],
@@ -416,6 +436,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: () => {
@@ -491,6 +512,9 @@ var TableYear = (0, import_vue16.defineComponent)({
     },
     isShowShortcut: {
       type: Boolean
+    },
+    disabledMessage: {
+      type: String
     }
   },
   emits: ["next", "previous", "select", "mouseEnter", "mouseLeave"],
@@ -528,6 +552,7 @@ var TableYear = (0, import_vue16.defineComponent)({
       } = props.getYearStatus(year);
       return {
         status: isDisabled ? "disabled" : status,
+        disabledMessage: props.disabledMessage,
         isDisabled,
         onClick: () => onSelectYear(year),
         onMouseenter: () => {

package/dist/components/calendar/index.mjs

@@ -1,19 +1,19 @@
 import "../../chunk-V6D6W7RO.mjs";
 import {
   TableDate
-} from "../../chunk-64EO4HV7.mjs";
+} from "../../chunk-BLM5LOD6.mjs";
 import {
   TableMonth
-} from "../../chunk-5MFHZK63.mjs";
+} from "../../chunk-7RQ25HKG.mjs";
 import {
   TableYear
-} from "../../chunk-O43S64IA.mjs";
+} from "../../chunk-JM6XSORJ.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-AUSURQIR.mjs";
 import "../../chunk-E5BRVBZ2.mjs";
 import "../../chunk-U7O52D6B.mjs";
 import "../../chunk-QZ7VFGWC.mjs";

package/dist/components/calendar/table-date.d.mts

@@ -40,6 +40,9 @@ declare const TableDate: vue.DefineComponent<{
     isHideNotThisMonthDate: {
         type: PropType<boolean>;
     };
+    disabledMessage: {
+        type: PropType<string>;
+    };
 }, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("mouseEnter" | "mouseLeave" | "changePanel" | "next" | "previous" | "select" | "clickHeaderLabel")[], "mouseEnter" | "mouseLeave" | "changePanel" | "next" | "previous" | "select" | "clickHeaderLabel", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     days: {
         type: PropType<string[]>;
@@ -74,6 +77,9 @@ declare const TableDate: vue.DefineComponent<{
     isHideNotThisMonthDate: {
         type: PropType<boolean>;
     };
+    disabledMessage: {
+        type: PropType<string>;
+    };
 }>> & {
     onMouseEnter?: ((...args: any[]) => any) | undefined;
     onMouseLeave?: ((...args: any[]) => any) | undefined;

package/dist/components/calendar/table-date.d.ts

@@ -40,6 +40,9 @@ declare const TableDate: vue.DefineComponent<{
     isHideNotThisMonthDate: {
         type: PropType<boolean>;
     };
+    disabledMessage: {
+        type: PropType<string>;
+    };
 }, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("mouseEnter" | "mouseLeave" | "changePanel" | "next" | "previous" | "select" | "clickHeaderLabel")[], "mouseEnter" | "mouseLeave" | "changePanel" | "next" | "previous" | "select" | "clickHeaderLabel", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     days: {
         type: PropType<string[]>;
@@ -74,6 +77,9 @@ declare const TableDate: vue.DefineComponent<{
     isHideNotThisMonthDate: {
         type: PropType<boolean>;
     };
+    disabledMessage: {
+        type: PropType<string>;
+    };
 }>> & {
     onMouseEnter?: ((...args: any[]) => any) | undefined;
     onMouseLeave?: ((...args: any[]) => any) | undefined;

package/dist/components/calendar/table-date.js

@@ -45,6 +45,9 @@ var Date2 = (0, import_vue2.defineComponent)({
     isShowPinbar: {
       type: Boolean,
       default: false
+    },
+    disabledMessage: {
+      type: String
     }
   },
   setup(props, {
@@ -58,7 +61,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
@@ -66,7 +69,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 || ""]]);
     };
   }
 });
@@ -101,6 +104,9 @@ var Month = (0, import_vue6.defineComponent)({
     isDisabled: {
       type: Boolean,
       default: false
+    },
+    disabledMessage: {
+      type: String
     }
   },
   setup(props, {
@@ -110,11 +116,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 || ""]]);
     };
   }
 });
@@ -132,6 +138,9 @@ var YearItem = (0, import_vue8.defineComponent)({
     isDisabled: {
       type: Boolean,
       default: false
+    },
+    disabledMessage: {
+      type: String
     }
   },
   setup(props, {
@@ -141,11 +150,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 || ""]]);
     };
   }
 });
@@ -164,6 +173,10 @@ var TimeItem = (0, import_vue10.defineComponent)({
     isDisabled: {
       type: Boolean,
       default: false
+    },
+    disabledMessage: {
+      type: String,
+      default: ""
     }
   },
   setup(props, {
@@ -173,11 +186,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 || ""]]);
     };
   }
 });
@@ -232,6 +245,9 @@ var TableDate = (0, import_vue12.defineComponent)({
     },
     isHideNotThisMonthDate: {
       type: Boolean
+    },
+    disabledMessage: {
+      type: String
     }
   },
   emits: ["next", "previous", "changePanel", "select", "clickHeaderLabel", "mouseEnter", "mouseLeave"],
@@ -274,6 +290,7 @@ var TableDate = (0, import_vue12.defineComponent)({
       } = props.getDateStatus(date);
       return {
         status: isDisabled ? "disabled" : status,
+        disabledMessage: props.disabledMessage,
         isDisabled,
         isShowPinbar,
         onClick: () => onSelectDate(date),

package/dist/components/calendar/table-date.mjs

@@ -1,12 +1,12 @@
 import {
   TableDate
-} from "../../chunk-64EO4HV7.mjs";
+} from "../../chunk-BLM5LOD6.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-AUSURQIR.mjs";
 import "../../chunk-E5BRVBZ2.mjs";
 import "../../chunk-QZ7VFGWC.mjs";
 export {

package/dist/components/calendar/table-month.d.mts

@@ -36,6 +36,9 @@ declare const TableMonth: vue.DefineComponent<{
     isShowShortcut: {
         type: PropType<boolean>;
     };
+    disabledMessage: {
+        type: PropType<string>;
+    };
 }, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("mouseEnter" | "mouseLeave" | "next" | "previous" | "select" | "clickHeaderLabel")[], "mouseEnter" | "mouseLeave" | "next" | "previous" | "select" | "clickHeaderLabel", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     calendar: {
         type: DateConstructor;
@@ -66,6 +69,9 @@ declare const TableMonth: vue.DefineComponent<{
     isShowShortcut: {
         type: PropType<boolean>;
     };
+    disabledMessage: {
+        type: PropType<string>;
+    };
 }>> & {
     onMouseEnter?: ((...args: any[]) => any) | undefined;
     onMouseLeave?: ((...args: any[]) => any) | undefined;

package/dist/components/calendar/table-month.d.ts

@@ -36,6 +36,9 @@ declare const TableMonth: vue.DefineComponent<{
     isShowShortcut: {
         type: PropType<boolean>;
     };
+    disabledMessage: {
+        type: PropType<string>;
+    };
 }, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("mouseEnter" | "mouseLeave" | "next" | "previous" | "select" | "clickHeaderLabel")[], "mouseEnter" | "mouseLeave" | "next" | "previous" | "select" | "clickHeaderLabel", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     calendar: {
         type: DateConstructor;
@@ -66,6 +69,9 @@ declare const TableMonth: vue.DefineComponent<{
     isShowShortcut: {
         type: PropType<boolean>;
     };
+    disabledMessage: {
+        type: PropType<string>;
+    };
 }>> & {
     onMouseEnter?: ((...args: any[]) => any) | undefined;
     onMouseLeave?: ((...args: any[]) => any) | undefined;

package/dist/components/calendar/table-month.js

@@ -45,6 +45,9 @@ var Date2 = (0, import_vue2.defineComponent)({
     isShowPinbar: {
       type: Boolean,
       default: false
+    },
+    disabledMessage: {
+      type: String
     }
   },
   setup(props, {
@@ -58,7 +61,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
@@ -66,7 +69,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 || ""]]);
     };
   }
 });
@@ -101,6 +104,9 @@ var Month = (0, import_vue6.defineComponent)({
     isDisabled: {
       type: Boolean,
       default: false
+    },
+    disabledMessage: {
+      type: String
     }
   },
   setup(props, {
@@ -110,11 +116,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 || ""]]);
     };
   }
 });
@@ -132,6 +138,9 @@ var YearItem = (0, import_vue8.defineComponent)({
     isDisabled: {
       type: Boolean,
       default: false
+    },
+    disabledMessage: {
+      type: String
     }
   },
   setup(props, {
@@ -141,11 +150,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 || ""]]);
     };
   }
 });
@@ -164,6 +173,10 @@ var TimeItem = (0, import_vue10.defineComponent)({
     isDisabled: {
       type: Boolean,
       default: false
+    },
+    disabledMessage: {
+      type: String,
+      default: ""
     }
   },
   setup(props, {
@@ -173,11 +186,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 || ""]]);
     };
   }
 });
@@ -237,6 +250,9 @@ var TableMonth = (0, import_vue12.defineComponent)({
     },
     isShowShortcut: {
       type: Boolean
+    },
+    disabledMessage: {
+      type: String
     }
   },
   emits: ["next", "previous", "select", "clickHeaderLabel", "mouseEnter", "mouseLeave"],
@@ -273,6 +289,7 @@ var TableMonth = (0, import_vue12.defineComponent)({
       } = props.getMonthStatus(month, getCalendarYear.value);
       return {
         status: isDisabled ? "disabled" : status,
+        disabledMessage: props.disabledMessage,
         isDisabled,
         onClick: () => onSelectMonth(month, getCalendarYear.value),
         onMouseenter: () => {

package/dist/components/calendar/table-month.mjs

@@ -1,12 +1,12 @@
 import {
   TableMonth
-} from "../../chunk-5MFHZK63.mjs";
+} from "../../chunk-7RQ25HKG.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-AUSURQIR.mjs";
 import "../../chunk-E5BRVBZ2.mjs";
 import "../../chunk-U7O52D6B.mjs";
 import "../../chunk-QZ7VFGWC.mjs";

package/dist/components/calendar/table-year.d.mts

@@ -29,6 +29,9 @@ declare const TableYear: vue.DefineComponent<{
     isShowShortcut: {
         type: PropType<boolean>;
     };
+    disabledMessage: {
+        type: PropType<string>;
+    };
 }, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("mouseEnter" | "mouseLeave" | "next" | "previous" | "select")[], "mouseEnter" | "mouseLeave" | "next" | "previous" | "select", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     years: {
         type: PropType<number[]>;
@@ -52,6 +55,9 @@ declare const TableYear: vue.DefineComponent<{
     isShowShortcut: {
         type: PropType<boolean>;
     };
+    disabledMessage: {
+        type: PropType<string>;
+    };
 }>> & {
     onMouseEnter?: ((...args: any[]) => any) | undefined;
     onMouseLeave?: ((...args: any[]) => any) | undefined;

package/dist/components/calendar/table-year.d.ts

@@ -29,6 +29,9 @@ declare const TableYear: vue.DefineComponent<{
     isShowShortcut: {
         type: PropType<boolean>;
     };
+    disabledMessage: {
+        type: PropType<string>;
+    };
 }, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("mouseEnter" | "mouseLeave" | "next" | "previous" | "select")[], "mouseEnter" | "mouseLeave" | "next" | "previous" | "select", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     years: {
         type: PropType<number[]>;
@@ -52,6 +55,9 @@ declare const TableYear: vue.DefineComponent<{
     isShowShortcut: {
         type: PropType<boolean>;
     };
+    disabledMessage: {
+        type: PropType<string>;
+    };
 }>> & {
     onMouseEnter?: ((...args: any[]) => any) | undefined;
     onMouseLeave?: ((...args: any[]) => any) | undefined;