bkui-vue 0.0.1-beta.229 → 0.0.1-beta.230

package/dist/index.esm.js

@@ -21926,14 +21926,11 @@ var Confirm = defineComponent({
       "class": "bk-picker-confirm",
       "ref": "elRef",
       "onKeydown": this.handleTab
-    }, [this.showTime ? createVNode(BkButton, {
-      "text": true,
+    }, [this.showTime ? createVNode("a", {
+      "href": "javascript: void(0);",
       "class": "bk-picker-confirm-time",
-      "disabled": this.timeDisabled,
       "onClick": this.handleToggleTime
-    }, {
-      default: () => [this.labels.time]
-    }) : "", this.clearable ? createVNode("a", {
+    }, [this.labels.time]) : "", this.clearable ? createVNode("a", {
       "href": "javascript: void(0);",
       "onClick": this.handleClear,
       "onKeydown": this.handleClear
@@ -24113,7 +24110,7 @@ const formatDate = (val, type, multiple, format2) => {
 const datePickerKey = Symbol("date-picker");
 const timePickerKey = Symbol("time-picker");
 function findChildComponents(context, componentName) {
-  return (context.$children || []).reduce((components2, child) => {
+  return context.$children.reduce((components2, child) => {
     if (child.$options.name === componentName) {
       components2.push(child);
     }
@@ -24211,7 +24208,7 @@ const dateTableProps = {
     type: Date,
     required: true
   },
-  disabledDate: Function,
+  disableDate: Function,
   selectionMode: {
     type: String,
     required: true
@@ -24260,7 +24257,7 @@ var DateTable = defineComponent({
       const rangeStart = props2.rangeState.from && clearHours(props2.rangeState.from);
       const rangeEnd = props2.rangeState.to && clearHours(props2.rangeState.to);
       const isRange = props2.selectionMode === "range";
-      const disableTestFn = typeof props2.disabledDate === "function" && props2.disabledDate;
+      const disableTestFn = typeof props2.disableDate === "function" && props2.disableDate;
       return calendar.value(tableYear, tableMonth, (cell) => {
         if (cell.date instanceof Date) {
           cell.date.setTime(cell.date.getTime() + cell.date.getTimezoneOffset() * 6e4);
@@ -24465,7 +24462,7 @@ const datePickerProps = {
       return ["simplicity", "normal"].indexOf(v2) > -1;
     }
   },
-  disabledDate: Function,
+  disableDate: Function,
   withValidate: {
     type: Boolean,
     default: true
@@ -24861,7 +24858,7 @@ const timeProps = {
   }
 };
 var TimePanel = defineComponent({
-  name: "TimePanel",
+  name: "TimePickerPanel",
   props: __spreadValues(__spreadValues(__spreadValues({}, datePickerProps), timePanelProps), timeProps),
   emits: ["pick", "pick-click"],
   setup(props2, {
@@ -25004,6 +25001,7 @@ const datePanelProps = {
   startDate: {
     type: Date
   },
+  disableDate: Function,
   focusedDate: {
     type: Date,
     required: true
@@ -25023,10 +25021,6 @@ const datePanelProps = {
   disabledDate: {
     type: Function,
     default: () => false
-  },
-  timePickerOptions: {
-    type: Object,
-    default: () => ({})
   }
 };
 var DatePanel = defineComponent({
@@ -25056,6 +25050,7 @@ var DatePanel = defineComponent({
     const timeSpinnerRef = ref(null);
     const timeSpinnerEndRef = ref(null);
     watch(() => state.currentView, (val) => {
+      console.error(11111, val);
       emit("selection-mode-change", val);
       if (state.currentView === "time") {
         nextTick(() => {
@@ -25068,11 +25063,6 @@ var DatePanel = defineComponent({
       state.currentView = type;
       state.pickerTable = getTableType(type);
     });
-    watch(() => props2.modelValue, (newVal) => {
-      state.dates = newVal;
-      const panelDate = props2.multiple ? state.dates[state.dates.length - 1] : props2.startDate || state.dates[0];
-      state.panelDate = panelDate || new Date();
-    });
     const resetView = () => {
       setTimeout(() => {
         state.currentView = props2.selectionMode;
@@ -25253,7 +25243,7 @@ var DatePanel = defineComponent({
         case "date-table":
           return createVNode(DateTable, {
             "tableDate": this.panelDate,
-            "disabledDate": this.disabledDate,
+            "disableDate": this.disableDate,
             "selectionMode": this.selectionMode,
             "modelValue": this.dates,
             "focusedDate": this.focusedDate,
@@ -25268,14 +25258,11 @@ var DatePanel = defineComponent({
       "format": this.format,
       "disabledDate": this.disabledDate,
       "onPick": this.handlePick,
-      "onPick-click": this.handlePickClick,
       "onPick-clear": this.handlePickClear,
-      "onPick-success": this.handlePickSuccess,
-      "onPick-toggle-time": this.handleToggleTime
+      "onPick-success": this.handlePickSuccess
     }, null)]), this.confirm ? createVNode(Confirm, {
       "clearable": this.clearable,
       "showTime": this.showTime,
-      "timeDisabled": this.timeDisabled,
       "isTime": this.isTime,
       "onPick-toggle-time": this.handleToggleTime,
       "onPick-clear": this.handlePickClear,
@@ -25285,154 +25272,6 @@ var DatePanel = defineComponent({
     }, [(_c = (_b = (_a = this.$slots).shortcuts) == null ? void 0 : _b.call(_a)) != null ? _c : null]) : null]);
   }
 });
-const timeRangeProps = {
-  steps: {
-    type: Array,
-    default: () => []
-  },
-  format: {
-    type: String,
-    default: "HH:mm:ss"
-  },
-  value: {
-    type: Array,
-    required: true
-  },
-  allowCrossDay: {
-    type: Boolean,
-    default: false
-  }
-};
-var TimeRangePanel = defineComponent({
-  name: "TimeRangePanel",
-  props: __spreadValues(__spreadValues(__spreadValues({}, datePickerProps), timePanelProps), timeRangeProps),
-  emits: ["pick", "pick-click"],
-  setup(props2, {
-    emit
-  }) {
-    const [dateStart, dateEnd] = props2.value.slice();
-    const state = reactive({
-      showDate: false,
-      dateStart: dateStart || initTime(),
-      dateEnd: dateEnd || initTime()
-    });
-    const parentProvide = inject(timePickerKey);
-    const showSeconds = computed(() => !(props2.format || "").match(/mm$/));
-    const leftDatePanelLabel = computed(() => fecha.format(parentProvide.dates[0], props2.format));
-    const rightDatePanelLabel = computed(() => fecha.format(parentProvide.dates[1], props2.format));
-    watch(() => props2.value, (dates) => {
-      const [dateStart2, dateEnd2] = dates.slice();
-      state.dateStart = dateStart2 || initTime();
-      state.dateEnd = dateEnd2 || initTime();
-    });
-    onMounted(() => {
-      if (parentProvide && parentProvide.parentName === "DatePanel") {
-        state.showDate = true;
-      }
-    });
-    function handlePickClick() {
-      emit("pick-click");
-    }
-    function handleChange(idx, start2, end2, isEmit = true) {
-      let dateStart2 = new Date(state.dateStart);
-      let dateEnd2 = new Date(state.dateEnd);
-      Object.keys(start2).forEach((type) => {
-        dateStart2[`set${capitalize(type)}`](start2[type]);
-      });
-      Object.keys(end2).forEach((type) => {
-        dateEnd2[`set${capitalize(type)}`](end2[type]);
-      });
-      if (!props2.allowCrossDay && dateEnd2 < dateStart2) {
-        if (idx === "start") {
-          dateEnd2 = dateStart2;
-        }
-        if (idx === "end") {
-          dateStart2 = dateEnd2;
-        }
-      }
-      if (isEmit) {
-        emit("pick", [dateStart2, dateEnd2], true, "time");
-      }
-    }
-    function handleStartChange(date) {
-      handleChange("start", date, {});
-    }
-    function handleEndChange(date) {
-      handleChange("end", {}, date);
-    }
-    const timeSpinnerRef = ref(null);
-    const timeSpinnerEndRef = ref(null);
-    function updateScroll() {
-      var _a, _b;
-      (_a = timeSpinnerRef == null ? void 0 : timeSpinnerRef.value) == null ? void 0 : _a.updateScroll();
-      (_b = timeSpinnerEndRef == null ? void 0 : timeSpinnerEndRef.value) == null ? void 0 : _b.updateScroll();
-    }
-    return __spreadProps(__spreadValues({}, toRefs(state)), {
-      showSeconds,
-      leftDatePanelLabel,
-      rightDatePanelLabel,
-      handleStartChange,
-      handleEndChange,
-      handlePickClick,
-      updateScroll,
-      timeSpinnerRef,
-      timeSpinnerEndRef
-    });
-  },
-  render() {
-    return createVNode("div", {
-      "class": ["bk-picker-panel-body-wrapper", "bk-time-picker-with-range", this.showSeconds ? "bk-time-picker-with-seconds" : ""],
-      "onMousedown": (e) => {
-        e.preventDefault();
-      }
-    }, [createVNode("div", {
-      "class": "bk-picker-panel-body",
-      "style": {
-        width: `${this.width * 2}px`
-      }
-    }, [createVNode("div", {
-      "class": "bk-picker-panel-content bk-picker-panel-content-left",
-      "style": {
-        width: `${this.width}px`
-      }
-    }, [this.showDate ? createVNode("div", {
-      "class": "bk-time-picker-header"
-    }, [this.leftDatePanelLabel]) : "", createVNode(TimeSpinner, {
-      "ref": "timeSpinnerRef",
-      "steps": this.steps,
-      "showSeconds": this.showSeconds,
-      "hours": this.value[0] && this.dateStart.getHours(),
-      "minutes": this.value[0] && this.dateStart.getMinutes(),
-      "seconds": this.value[0] && this.dateStart.getSeconds(),
-      "disabledHours": this.disabledHours,
-      "disabledMinutes": this.disabledMinutes,
-      "disabledSeconds": this.disabledSeconds,
-      "hideDisabledOptions": this.hideDisabledOptions,
-      "onChange": this.handleStartChange,
-      "onPick-click": this.handlePickClick
-    }, null)]), createVNode("div", {
-      "class": "bk-picker-panel-content bk-picker-panel-content-right",
-      "style": {
-        width: `${this.width}px`
-      }
-    }, [this.showDate ? createVNode("div", {
-      "class": "bk-time-picker-header"
-    }, [this.rightDatePanelLabel]) : "", createVNode(TimeSpinner, {
-      "ref": "timeSpinnerEndRef",
-      "steps": this.steps,
-      "showSeconds": this.showSeconds,
-      "hours": this.value[1] && this.dateEnd.getHours(),
-      "minutes": this.value[1] && this.dateEnd.getMinutes(),
-      "seconds": this.value[1] && this.dateEnd.getSeconds(),
-      "disabledHours": this.disabledHours,
-      "disabledMinutes": this.disabledMinutes,
-      "disabledSeconds": this.disabledSeconds,
-      "hideDisabledOptions": this.hideDisabledOptions,
-      "onChange": this.handleEndChange,
-      "onPick-click": this.handlePickClick
-    }, null)])])]);
-  }
-});
 const dateRangePanelProps = {
   modelValue: {
     type: [Date, String, Number, Array]
@@ -25487,7 +25326,7 @@ const dateRangePanelProps = {
     type: Boolean,
     default: false
   },
-  disabledDate: Function,
+  disableDate: Function,
   focusedDate: {
     type: Date,
     required: true
@@ -25495,20 +25334,12 @@ const dateRangePanelProps = {
   confirm: {
     type: Boolean,
     default: false
-  },
-  format: {
-    type: String,
-    default: "yyyy-MM-dd"
-  },
-  timePickerOptions: {
-    type: Object,
-    default: () => ({})
   }
 };
 var DateRangePanel = defineComponent({
   name: "DateRangePanel",
   props: dateRangePanelProps,
-  emits: ["pick", "pick-success", "pick-clear", "pick-click"],
+  emits: ["pick", "pick-success"],
   setup(props2, {
     slots,
     emit
@@ -25529,13 +25360,6 @@ var DateRangePanel = defineComponent({
       upToNowEnable: false,
       dates: props2.modelValue
     });
-    const {
-      proxy
-    } = getCurrentInstance();
-    provide(timePickerKey, {
-      dates: state.dates,
-      parentName: proxy.$options.name
-    });
     const dateSorter = (a2, b2) => {
       if (!a2 || !b2) {
         return 0;
@@ -25628,6 +25452,7 @@ var DateRangePanel = defineComponent({
       emit("pick", state.dates, visible, type || props2.type);
     };
     const handleRangePick = (val, type) => {
+      console.warn("handleRangePick");
       if (state.rangeState.selecting || state.currentView === "time") {
         if (state.currentView === "time") {
           state.dates = val;
@@ -25686,26 +25511,9 @@ var DateRangePanel = defineComponent({
     const handleChangeRange = (val) => {
       state.rangeState.to = val;
     };
-    function setPanelDates(leftPanelDate2) {
-      state.leftPanelDate = leftPanelDate2;
-      const rightPanelDate = new Date(leftPanelDate2.getFullYear(), leftPanelDate2.getMonth() + 1, 1);
-      const splitRightPanelDate = state.dates[1] ? state.dates[1].getTime() : state.dates[1];
-      state.rightPanelDate = props2.splitPanels ? new Date(Math.max(splitRightPanelDate, rightPanelDate.getTime())) : rightPanelDate;
-    }
     watch(() => props2.selectionMode, (v2) => {
       state.currentView = v2 || "range";
     });
-    watch(() => props2.modelValue, (newVal) => {
-      const minDate2 = newVal[0] ? toDate(newVal[0]) : null;
-      const maxDate2 = newVal[1] ? toDate(newVal[1]) : null;
-      state.dates = [minDate2, maxDate2].sort(dateSorter);
-      state.rangeState = {
-        from: state.dates[0],
-        to: state.dates[1],
-        selecting: false
-      };
-      setPanelDates(props2.startDate || state.dates[0] || new Date());
-    });
     const isTime = computed(() => state.currentView === "time");
     const leftDatePanelLabel = computed(() => panelLabelConfig("left"));
     const rightDatePanelLabel = computed(() => panelLabelConfig("right"));
@@ -25730,26 +25538,6 @@ var DateRangePanel = defineComponent({
       var _a;
       return slots.shortcuts || ((_a = props2.shortcuts) == null ? void 0 : _a.length);
     });
-    const handleToggleTime = () => {
-      state.currentView = state.currentView === "time" ? "date" : "time";
-    };
-    const resetView = () => {
-      setTimeout(() => {
-        state.currentView = props2.selectionMode;
-      }, 500);
-    };
-    const handlePickSuccess = () => {
-      resetView();
-      emit("pick-success");
-    };
-    const handlePickClear = () => {
-      resetView();
-      emit("pick-clear");
-    };
-    function handlePickClick() {
-      emit("pick-click");
-    }
-    const timeDisabled = computed(() => !(state.dates[0] && state.dates[1]));
     return __spreadProps(__spreadValues({}, toRefs(state)), {
       isTime,
       hasShortcuts,
@@ -25767,39 +25555,14 @@ var DateRangePanel = defineComponent({
       rightShowLabelSecond,
       preSelecting,
       panelPickerHandlers,
-      timeDisabled,
       handleShortcutClick,
       reset: reset2,
       onToggleVisibility,
       handleRangePick,
-      handleChangeRange,
-      handleToggleTime,
-      handlePickSuccess,
-      handlePickClear,
-      handlePickClick
+      handleChangeRange
     });
   },
   render() {
-    let shortcuts = null;
-    if (this.hasShortcuts) {
-      let inner = "";
-      if (this.$slots.shortcuts) {
-        inner = typeof this.$slots.shortcuts === "function" ? this.$slots.shortcuts() : this.$slots.shortcuts;
-      } else {
-        if (this.shortcuts.length) {
-          inner = createVNode("div", {
-            "class": "bk-picker-panel-shortcuts"
-          }, [this.shortcuts.map((item, index) => createVNode("div", {
-            "key": index,
-            "class": "shortcuts-item",
-            "onClick": () => this.handleShortcutClick(item, index)
-          }, [item.text]))]);
-        }
-      }
-      shortcuts = createVNode("div", {
-        "class": "bk-picker-panel-sidebar"
-      }, [inner]);
-    }
     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) => {
@@ -25856,7 +25619,7 @@ var DateRangePanel = defineComponent({
           return createVNode(DateTable, {
             "selectionMode": "range",
             "tableDate": this.leftPanelDate,
-            "disabledDate": this.disabledDate,
+            "disableDate": this.disableDate,
             "rangeState": this.rangeState,
             "modelValue": this.preSelecting.left ? [this.dates[0]] : this.dates,
             "focusedDate": this.focusedDate,
@@ -25925,7 +25688,7 @@ var DateRangePanel = defineComponent({
           return createVNode(DateTable, {
             "selectionMode": "range",
             "tableDate": this.rightPanelDate,
-            "disabledDate": this.disabledDate,
+            "disableDate": this.disableDate,
             "rangeState": this.rangeState,
             "modelValue": this.preSelecting.right ? [this.dates[this.dates.length - 1]] : this.dates,
             "focusedDate": this.focusedDate,
@@ -25935,25 +25698,15 @@ var DateRangePanel = defineComponent({
         default:
           return null;
       }
-    })() : ""]), [[vShow, !this.isTime]]), this.isTime ? createVNode(TimeRangePanel, {
-      "ref": "timePickerRef",
-      "value": this.dates,
-      "format": this.format,
-      "disabledDate": this.disabledDate,
-      "onPick": this.handleRangePick,
-      "onPick-click": this.handlePickClick,
-      "onPick-clear": this.handlePickClear,
-      "onPick-success": this.handlePickSuccess,
-      "onPick-toggle-time": this.handleToggleTime
-    }, null) : "", this.confirm ? createVNode(Confirm, {
-      "clearable": this.clearable,
-      "showTime": this.showTime,
-      "timeDisabled": this.timeDisabled,
-      "isTime": this.isTime,
-      "onPick-toggle-time": this.handleToggleTime,
-      "onPick-clear": this.handlePickClear,
-      "onPick-success": this.handlePickSuccess
-    }, null) : ""]), shortcuts]);
+    })() : ""]), [[vShow, !this.isTime]])]), this.hasShortcuts ? createVNode("div", {
+      "class": "bk-picker-panel-sidebar"
+    }, [this.$slots.shortcuts ? typeof this.$slots.shortcuts === "function" ? this.$slots.shortcuts() : this.$slots.shortcuts : this.shortcuts.length ? createVNode("div", {
+      "class": "bk-picker-panel-shortcuts"
+    }, [this.shortcuts.map((item, index) => createVNode("div", {
+      "key": index,
+      "class": "shortcuts-item",
+      "onClick": () => this.handleShortcutClick(item, index)
+    }, [item.text]))]) : ""]) : null]);
   }
 });
 var Component$a = defineComponent({
@@ -26185,7 +25938,7 @@ var Component$a = defineComponent({
       const newValue = e.target.value;
       const newDate = parseDate(newValue, props2.type, props2.multiple, props2.format);
       const valueToTest = isArrayValue ? newDate : newDate[0];
-      const isDisabled = (_a = props2.disabledDate) == null ? void 0 : _a.call(props2, valueToTest);
+      const isDisabled = (_a = props2.disableDate) == null ? void 0 : _a.call(props2, valueToTest);
       const isValidDate = newDate.reduce((valid, date) => valid && date instanceof Date, true);
       if (newValue !== oldValue && !isDisabled && isValidDate) {
         emitChange(props2.type);
@@ -26451,18 +26204,15 @@ var Component$a = defineComponent({
             }, [(_c2 = (_b2 = (_a2 = this.$slots).header) == null ? void 0 : _b2.call(_a2)) != null ? _c2 : null]) : null, this.panel === "DateRangePanel" ? createVNode(DateRangePanel, {
               "ref": "pickerPanelRef",
               "type": this.type,
-              "showTime": this.type === "datetime" || this.type === "datetimerange",
               "confirm": this.isConfirm,
               "shortcuts": this.shortcuts,
               "shortcutClose": this.shortcutClose,
               "modelValue": this.internalValue,
               "selectionMode": this.selectionMode,
               "startDate": this.startDate,
-              "disabledDate": this.disabledDate,
+              "disableDate": this.disableDate,
               "focusedDate": this.focusedDate,
-              "timePickerOptions": this.timePickerOptions,
               "onPick": this.onPick,
-              "onPick-clear": this.handleClear,
               "onPick-success": this.onPickSuccess,
               "onSelection-mode-change": this.onSelectionModeChange
             }, shortcutsSlot) : createVNode(DatePanel, {
@@ -26476,9 +26226,8 @@ var Component$a = defineComponent({
               "selectionMode": this.selectionMode,
               "modelValue": this.internalValue,
               "startDate": this.startDate,
-              "disabledDate": this.disabledDate,
+              "disableDate": this.disableDate,
               "focusedDate": this.focusedDate,
-              "timePickerOptions": this.timePickerOptions,
               "onPick": this.onPick,
               "onPick-clear": this.handleClear,
               "onPick-success": this.onPickSuccess,
@@ -26728,7 +26477,7 @@ var TimePicker = defineComponent({
       const newValue = e.target.value;
       const newDate = parseDate(newValue, props2.type, props2.multiple, props2.format);
       const valueToTest = isArrayValue ? newDate : newDate[0];
-      const isDisabled = (_a = props2.disabledDate) == null ? void 0 : _a.call(props2, valueToTest);
+      const isDisabled = (_a = props2.disableDate) == null ? void 0 : _a.call(props2, valueToTest);
       const isValidDate = newDate.reduce((valid, date) => valid && date instanceof Date, true);
       if (newValue !== oldValue && !isDisabled && isValidDate) {
         emitChange(props2.type);
@@ -26750,8 +26499,8 @@ var TimePicker = defineComponent({
       }
     };
     const reset2 = () => {
-      var _a, _b;
-      (_b = (_a = pickerPanelRef == null ? void 0 : pickerPanelRef.value) == null ? void 0 : _a.reset) == null ? void 0 : _b.call(_a);
+      var _a;
+      (_a = pickerPanelRef == null ? void 0 : pickerPanelRef.value) == null ? void 0 : _a.reset();
     };
     const handleBlur = (e) => {
       var _a, _b;
@@ -26863,6 +26612,8 @@ var TimePicker = defineComponent({
       emit("shortcut-change", state.shortcut, shortcutIndex);
     };
     const triggerRef = ref(null);
+    console.error(panel);
+    console.error(panel.value);
     return __spreadProps(__spreadValues({}, toRefs(state)), {
       panel,
       publicStringValue,
@@ -26996,22 +26747,7 @@ var TimePicker = defineComponent({
             var _a2, _b2, _c2, _d, _e, _f;
             return [this.hasHeader ? createVNode("div", {
               "class": ["bk-date-picker-top-wrapper", this.headerSlotCls]
-            }, [(_c2 = (_b2 = (_a2 = this.$slots).header) == null ? void 0 : _b2.call(_a2)) != null ? _c2 : null]) : null, this.panel === "RangeTimePickerPanel" ? createVNode(TimeRangePanel, {
-              "ref": "pickerPanelRef",
-              "clearable": this.clearable,
-              "shortcuts": this.shortcuts,
-              "multiple": this.multiple,
-              "shortcutClose": this.shortcutClose,
-              "value": this.internalValue,
-              "startDate": this.startDate,
-              "disabledDate": this.disabledDate,
-              "onPick": this.onPick,
-              "onPick-clear": this.handleClear,
-              "onPick-success": this.onPickSuccess,
-              "disabledHours": this.ownPickerProps.disabledHours,
-              "disabledMinutes": this.ownPickerProps.disabledMinutes,
-              "disabledSeconds": this.ownPickerProps.disabledSeconds
-            }, shortcutsSlot) : createVNode(TimePanel, {
+            }, [(_c2 = (_b2 = (_a2 = this.$slots).header) == null ? void 0 : _b2.call(_a2)) != null ? _c2 : null]) : null, createVNode(TimePanel, {
               "ref": "pickerPanelRef",
               "clearable": this.clearable,
               "confirm": this.isConfirm,
@@ -27020,7 +26756,7 @@ var TimePicker = defineComponent({
               "shortcutClose": this.shortcutClose,
               "value": this.internalValue,
               "startDate": this.startDate,
-              "disabledDate": this.disabledDate,
+              "disableDate": this.disableDate,
               "onPick": this.onPick,
               "onPick-clear": this.handleClear,
               "onPick-success": this.onPickSuccess,