bkui-vue 0.0.1-beta.79 → 0.0.1-beta.81

package/dist/index.esm.js

@@ -19438,6 +19438,7 @@ var DatePanel = defineComponent({
   props: datePanelProps,
   emits: ["pick", "pick-success", "pick-clear"],
   setup(props, {
+    slots,
     emit
   }) {
     const getTableType = (currentView) => currentView.match(/^time/) ? "time-picker" : `${currentView}-table`;
@@ -19542,6 +19543,7 @@ var DatePanel = defineComponent({
     const handleToggleTime = () => {
       state.currentView = state.currentView === "time" ? "date" : "time";
     };
+    const hasShortcuts = computed(() => !!slots.shortcuts);
     return __spreadProps(__spreadValues({}, toRefs(state)), {
       panelPickerHandlers,
       datePanelLabel,
@@ -19552,6 +19554,7 @@ var DatePanel = defineComponent({
       changeMonth,
       reset: reset2,
       isTime,
+      hasShortcuts,
       onToggleVisibility,
       handleToggleTime,
       handlePickSuccess,
@@ -19559,8 +19562,9 @@ var DatePanel = defineComponent({
     });
   },
   render() {
+    var _a, _b, _c;
     return createVNode("div", {
-      "class": ["bk-picker-panel-body-wrapper", this.shortcuts.length ? "bk-picker-panel-with-sidebar" : ""],
+      "class": ["bk-picker-panel-body-wrapper", this.shortcuts.length || this.hasShortcuts ? "bk-picker-panel-with-sidebar" : ""],
       "onMousedown": (e) => {
         e.preventDefault();
       }
@@ -19635,7 +19639,9 @@ var DatePanel = defineComponent({
       "onPick-toggle-time": this.handleToggleTime,
       "onPick-clear": this.handlePickClear,
       "onPick-success": this.handlePickSuccess
-    }, null) : ""])]);
+    }, null) : ""]), this.hasShortcuts ? createVNode("div", {
+      "class": "bk-picker-panel-sidebar"
+    }, [(_c = (_b = (_a = this.$slots).shortcuts) == null ? void 0 : _b.call(_a)) != null ? _c : null]) : null]);
   }
 });
 const dateRangePanelProps = {
@@ -19706,6 +19712,7 @@ var DateRangePanel = defineComponent({
   props: dateRangePanelProps,
   emits: ["pick"],
   setup(props, {
+    slots,
     emit
   }) {
     const [minDate, maxDate] = props.modelValue.map((date) => date || initTime());
@@ -19881,8 +19888,10 @@ var DateRangePanel = defineComponent({
       left: preSelecting.value.left ? handlePreSelection.bind("left") : handleRangePick,
       right: preSelecting.value.right ? handlePreSelection.bind("right") : handleRangePick
     }));
+    const hasShortcuts = computed(() => !!slots.shortcuts);
     return __spreadProps(__spreadValues({}, toRefs(state)), {
       isTime,
+      hasShortcuts,
       prevYear,
       nextYear,
       prevMonth,
@@ -19904,6 +19913,7 @@ var DateRangePanel = defineComponent({
     });
   },
   render() {
+    var _a, _b, _c;
     return createVNode("div", {
       "class": ["bk-picker-panel-body-wrapper", "bk-date-picker-with-range", this.shortcuts.length || this.$slots.shortcuts ? "bk-picker-panel-with-sidebar" : ""],
       "onMousedown": (e) => {
@@ -20039,7 +20049,9 @@ var DateRangePanel = defineComponent({
         default:
           return null;
       }
-    })() : ""]), [[vShow, !this.isTime]])])]);
+    })() : ""]), [[vShow, !this.isTime]])]), this.hasShortcuts ? createVNode("div", {
+      "class": "bk-picker-panel-sidebar"
+    }, [(_c = (_b = (_a = this.$slots).shortcuts) == null ? void 0 : _b.call(_a)) != null ? _c : null]) : null]);
   }
 });
 const datePickerProps = {
@@ -20272,6 +20284,7 @@ var Component$5 = defineComponent({
     const isConfirm = computed(() => !!slots.trigger || props.type === "datetime" || props.type === "datetimerange" || props.multiple);
     const hasHeader = computed(() => !!slots.header);
     const hasFooter = computed(() => !!slots.footer);
+    const hasShortcuts = computed(() => !!slots.shortcuts);
     const fontSizeCls = computed(() => {
       let cls = "";
       if (props.fontSize === "medium") {
@@ -20554,6 +20567,7 @@ var Component$5 = defineComponent({
       isConfirm,
       hasHeader,
       hasFooter,
+      hasShortcuts,
       fontSizeCls,
       longWidthCls,
       localReadonly,
@@ -20647,6 +20661,12 @@ var Component$5 = defineComponent({
       "class": "bk-icon icon-close-circle-shape clear-action",
       "onClick": this.handleClear
     }, null) : ""]);
+    const shortcutsSlot = this.hasShortcuts ? {
+      shortcuts: () => {
+        var _a2, _b2;
+        return ((_b2 = (_a2 = this.$slots).shortcuts) == null ? void 0 : _b2.call(_a2)) || null;
+      }
+    } : {};
     return withDirectives(createVNode("div", {
       "class": ["bk-date-picker", this.type === "datetimerange" ? "long" : "", this.longWidthCls]
     }, [createVNode("div", {
@@ -20684,7 +20704,7 @@ var Component$5 = defineComponent({
               "focusedDate": this.focusedDate,
               "onPick": this.onPick,
               "onPick-success": this.onPickSuccess
-            }, null) : createVNode(DatePanel, {
+            }, shortcutsSlot) : createVNode(DatePanel, {
               "ref": "pickerPanelRef",
               "clearable": this.clearable,
               "showTime": this.type === "datetime" || this.type === "datetimerange",
@@ -20700,7 +20720,7 @@ var Component$5 = defineComponent({
               "onPick": this.onPick,
               "onPick-clear": this.handleClear,
               "onPick-success": this.onPickSuccess
-            }, null), this.hasFooter ? createVNode("div", {
+            }, shortcutsSlot), this.hasFooter ? createVNode("div", {
               "class": ["bk-date-picker-footer-wrapper", this.footerSlotCls]
             }, [(_f = (_e = (_d = this.$slots).footer) == null ? void 0 : _e.call(_d)) != null ? _f : null]) : null];
           }