vft 0.0.363 → 0.0.364

package/es/components/time-picker/time-picker-com/panel-time-range.vue2.js

@@ -1,289 +1,192 @@
-import { defineComponent, ref, inject, computed, createElementBlock, createCommentVNode, openBlock, normalizeClass, unref, createElementVNode, createVNode } from "vue";
-import dayjs from "dayjs";
-import { union } from "lodash-es";
-import { isArray } from "@vft/utils";
-import { PICKER_BASE_INJECTION_KEY } from "../constants.js";
-import { panelTimeRangeProps } from "../props/panel-time-range.js";
-import { useTimePanel } from "../composables/use-time-panel.js";
-import { useOldValue, buildAvailableTimeSlotGetter } from "../composables/use-time-picker.js";
-import _sfc_main$1 from "./basic-time-spinner.vue2.js";
-import { useNamespace } from "../../../hooks/use-namespace/index.js";
-import { EVENT_CODE } from "../../../constants/aria.js";
-const _hoisted_1 = ["disabled"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as ve, ref as j, inject as be, computed as d, createElementBlock as ge, createCommentVNode as he, openBlock as ke, normalizeClass as u, unref as s, createElementVNode as m, createVNode as z } from "vue";
+import S from "dayjs";
+import { union as A } from "lodash-es";
+import "@vueuse/core";
+import { isArray as M } from "@vft/utils";
+import "../../config-provider/hooks/use-global-config.js";
+import { EVENT_CODE as Se } from "../../../constants/aria.js";
+import { useNamespace as U } from "../../../hooks/use-namespace/index.js";
+import "../../../hooks/use-model-toggle/index.js";
+import "@popperjs/core";
+import "../../../hooks/use-z-index/index.js";
+import { PICKER_BASE_INJECTION_KEY as Ce } from "../constants.js";
+import { panelTimeRangeProps as De } from "../props/panel-time-range.js";
+import { useTimePanel as we } from "../composables/use-time-panel.js";
+import { useOldValue as Ve, buildAvailableTimeSlotGetter as _e } from "../composables/use-time-picker.js";
+import G from "./basic-time-spinner.vue2.js";
+const Re = ["disabled"], Ue = /* @__PURE__ */ ve({
   __name: "panel-time-range",
-  props: panelTimeRangeProps,
+  props: De,
   emits: ["pick", "select-range", "set-picker-option"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const makeSelectRange = (start, end) => {
-      const result = [];
-      for (let i = start; i <= end; i++) {
-        result.push(i);
-      }
-      return result;
-    };
-    const lang = ref("zh-cn");
-    const nsTime = useNamespace("time");
-    const nsPicker = useNamespace("picker");
-    const pickerBase = inject(PICKER_BASE_INJECTION_KEY);
-    const {
-      arrowControl,
-      disabledHours,
-      disabledMinutes,
-      disabledSeconds,
-      defaultValue
-    } = pickerBase.props;
-    const startContainerKls = computed(() => [
-      nsTime.be("range-picker", "body"),
-      nsTime.be("panel", "content"),
-      nsTime.is("arrow", arrowControl),
-      showSeconds.value ? "has-seconds" : ""
-    ]);
-    const endContainerKls = computed(() => [
-      nsTime.be("range-picker", "body"),
-      nsTime.be("panel", "content"),
-      nsTime.is("arrow", arrowControl),
-      showSeconds.value ? "has-seconds" : ""
-    ]);
-    const startTime = computed(() => props.parsedValue[0]);
-    const endTime = computed(() => props.parsedValue[1]);
-    const oldValue = useOldValue(props);
-    const handleCancel = () => {
-      emit("pick", oldValue.value, false);
-    };
-    const showSeconds = computed(() => {
-      return props.format.includes("ss");
-    });
-    const amPmMode = computed(() => {
-      if (props.format.includes("A")) return "A";
-      if (props.format.includes("a")) return "a";
-      return "";
-    });
-    const handleConfirm = (visible = false) => {
-      emit("pick", [startTime.value, endTime.value], visible);
-    };
-    const handleMinChange = (date) => {
-      handleChange(date.millisecond(0), endTime.value);
-    };
-    const handleMaxChange = (date) => {
-      handleChange(startTime.value, date.millisecond(0));
-    };
-    const isValidValue = (_date) => {
-      const parsedDate = _date.map((_) => dayjs(_).locale(lang.value));
-      const result = getRangeAvailableTime(parsedDate);
-      return parsedDate[0].isSame(result[0]) && parsedDate[1].isSame(result[1]);
-    };
-    const handleChange = (start, end) => {
-      if (!props.visible) {
-        return;
-      }
-      emit("pick", [start, end], true);
-    };
-    const btnConfirmDisabled = computed(() => {
-      return startTime.value > endTime.value;
-    });
-    const selectionRange = ref([0, 2]);
-    const setMinSelectionRange = (start, end) => {
-      emit("select-range", start, end, "min");
-      selectionRange.value = [start, end];
-    };
-    const offset = computed(() => showSeconds.value ? 11 : 8);
-    const setMaxSelectionRange = (start, end) => {
-      emit("select-range", start, end, "max");
-      const _offset = unref(offset);
-      selectionRange.value = [start + _offset, end + _offset];
-    };
-    const changeSelectionRange = (step) => {
-      const list = showSeconds.value ? [0, 3, 6, 11, 14, 17] : [0, 3, 8, 11];
-      const mapping = ["hours", "minutes"].concat(
-        showSeconds.value ? ["seconds"] : []
-      );
-      const index = list.indexOf(selectionRange.value[0]);
-      const next = (index + step + list.length) % list.length;
-      const half = list.length / 2;
-      if (next < half) {
-        timePickerOptions["start_emitSelectRange"](mapping[next]);
-      } else {
-        timePickerOptions["end_emitSelectRange"](mapping[next - half]);
-      }
-    };
-    const handleKeydown = (event) => {
-      const code = event.code;
-      const { left, right, up, down } = EVENT_CODE;
-      if ([left, right].includes(code)) {
-        const step = code === left ? -1 : 1;
-        changeSelectionRange(step);
-        event.preventDefault();
+  setup(J, { emit: Y }) {
+    const i = J, c = Y, g = (e, t) => {
+      const n = [];
+      for (let o = e; o <= t; o++)
+        n.push(o);
+      return n;
+    }, k = j("zh-cn"), a = U("time"), q = U("picker"), F = be(Ce), {
+      arrowControl: C,
+      disabledHours: O,
+      disabledMinutes: E,
+      disabledSeconds: N,
+      defaultValue: w
+    } = F.props, L = d(() => [
+      a.be("range-picker", "body"),
+      a.be("panel", "content"),
+      a.is("arrow", C),
+      b.value ? "has-seconds" : ""
+    ]), Q = d(() => [
+      a.be("range-picker", "body"),
+      a.be("panel", "content"),
+      a.is("arrow", C),
+      b.value ? "has-seconds" : ""
+    ]), f = d(() => i.parsedValue[0]), v = d(() => i.parsedValue[1]), W = Ve(i), X = () => {
+      c("pick", W.value, !1);
+    }, b = d(() => i.format.includes("ss")), H = d(() => i.format.includes("A") ? "A" : i.format.includes("a") ? "a" : ""), Z = (e = !1) => {
+      c("pick", [f.value, v.value], e);
+    }, ee = (e) => {
+      I(e.millisecond(0), v.value);
+    }, te = (e) => {
+      I(f.value, e.millisecond(0));
+    }, ne = (e) => {
+      const t = e.map((o) => S(o).locale(k.value)), n = P(t);
+      return t[0].isSame(n[0]) && t[1].isSame(n[1]);
+    }, I = (e, t) => {
+      i.visible && c("pick", [e, t], !0);
+    }, oe = d(() => f.value > v.value), D = j([0, 2]), ae = (e, t) => {
+      c("select-range", e, t, "min"), D.value = [e, t];
+    }, K = d(() => b.value ? 11 : 8), se = (e, t) => {
+      c("select-range", e, t, "max");
+      const n = s(K);
+      D.value = [e + n, t + n];
+    }, re = (e) => {
+      const t = b.value ? [0, 3, 6, 11, 14, 17] : [0, 3, 8, 11], n = ["hours", "minutes"].concat(
+        b.value ? ["seconds"] : []
+      ), r = (t.indexOf(D.value[0]) + e + t.length) % t.length, l = t.length / 2;
+      r < l ? T.start_emitSelectRange(n[r]) : T.end_emitSelectRange(n[r - l]);
+    }, le = (e) => {
+      const t = e.code, { left: n, right: o, up: r, down: l } = Se;
+      if ([n, o].includes(t)) {
+        re(t === n ? -1 : 1), e.preventDefault();
         return;
       }
-      if ([up, down].includes(code)) {
-        const step = code === up ? -1 : 1;
-        const role = selectionRange.value[0] < offset.value ? "start" : "end";
-        timePickerOptions[`${role}_scrollDown`](step);
-        event.preventDefault();
+      if ([r, l].includes(t)) {
+        const p = t === r ? -1 : 1, h = D.value[0] < K.value ? "start" : "end";
+        T[`${h}_scrollDown`](p), e.preventDefault();
         return;
       }
-    };
-    const disabledHours_ = (role, compare) => {
-      const defaultDisable = disabledHours ? disabledHours(role) : [];
-      const isStart = role === "start";
-      const compareDate = compare || (isStart ? endTime.value : startTime.value);
-      const compareHour = compareDate.hour();
-      const nextDisable = isStart ? makeSelectRange(compareHour + 1, 23) : makeSelectRange(0, compareHour - 1);
-      return union(defaultDisable, nextDisable);
-    };
-    const disabledMinutes_ = (hour, role, compare) => {
-      const defaultDisable = disabledMinutes ? disabledMinutes(hour, role) : [];
-      const isStart = role === "start";
-      const compareDate = compare || (isStart ? endTime.value : startTime.value);
-      const compareHour = compareDate.hour();
-      if (hour !== compareHour) {
-        return defaultDisable;
-      }
-      const compareMinute = compareDate.minute();
-      const nextDisable = isStart ? makeSelectRange(compareMinute + 1, 59) : makeSelectRange(0, compareMinute - 1);
-      return union(defaultDisable, nextDisable);
-    };
-    const disabledSeconds_ = (hour, minute, role, compare) => {
-      const defaultDisable = disabledSeconds ? disabledSeconds(hour, minute, role) : [];
-      const isStart = role === "start";
-      const compareDate = compare || (isStart ? endTime.value : startTime.value);
-      const compareHour = compareDate.hour();
-      const compareMinute = compareDate.minute();
-      if (hour !== compareHour || minute !== compareMinute) {
-        return defaultDisable;
-      }
-      const compareSecond = compareDate.second();
-      const nextDisable = isStart ? makeSelectRange(compareSecond + 1, 59) : makeSelectRange(0, compareSecond - 1);
-      return union(defaultDisable, nextDisable);
-    };
-    const getRangeAvailableTime = ([start, end]) => {
-      return [
-        getAvailableTime(start, "start", true, end),
-        getAvailableTime(end, "end", false, start)
-      ];
-    };
-    const { getAvailableHours, getAvailableMinutes, getAvailableSeconds } = buildAvailableTimeSlotGetter(
-      disabledHours_,
-      disabledMinutes_,
-      disabledSeconds_
-    );
-    const {
-      timePickerOptions,
-      getAvailableTime,
-      onSetOption
-    } = useTimePanel({
-      getAvailableHours,
-      getAvailableMinutes,
-      getAvailableSeconds
-    });
-    const parseUserInput = (days) => {
-      if (!days) return null;
-      if (isArray(days)) {
-        return days.map((d) => dayjs(d, props.format).locale(lang.value));
-      }
-      return dayjs(days, props.format).locale(lang.value);
-    };
-    const formatToString = (days) => {
-      if (!days) return null;
-      if (isArray(days)) {
-        return days.map((d) => d.format(props.format));
-      }
-      return days.format(props.format);
-    };
-    const getDefaultValue = () => {
-      if (isArray(defaultValue)) {
-        return defaultValue.map((d) => dayjs(d).locale(lang.value));
-      }
-      const defaultDay = dayjs(defaultValue).locale(lang.value);
-      return [defaultDay, defaultDay.add(60, "m")];
-    };
-    emit("set-picker-option", ["formatToString", formatToString]);
-    emit("set-picker-option", ["parseUserInput", parseUserInput]);
-    emit("set-picker-option", ["isValidValue", isValidValue]);
-    emit("set-picker-option", ["handleKeydownInput", handleKeydown]);
-    emit("set-picker-option", ["getDefaultValue", getDefaultValue]);
-    emit("set-picker-option", ["getRangeAvailableTime", getRangeAvailableTime]);
-    return (_ctx, _cache) => {
-      return _ctx.actualVisible ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        class: normalizeClass([unref(nsTime).b("range-picker"), unref(nsPicker).b("panel")])
+    }, V = (e, t) => {
+      const n = O ? O(e) : [], o = e === "start", l = (t || (o ? v.value : f.value)).hour(), p = o ? g(l + 1, 23) : g(0, l - 1);
+      return A(n, p);
+    }, _ = (e, t, n) => {
+      const o = E ? E(e, t) : [], r = t === "start", l = n || (r ? v.value : f.value), p = l.hour();
+      if (e !== p)
+        return o;
+      const h = l.minute(), x = r ? g(h + 1, 59) : g(0, h - 1);
+      return A(o, x);
+    }, R = (e, t, n, o) => {
+      const r = N ? N(e, t, n) : [], l = n === "start", p = o || (l ? v.value : f.value), h = p.hour(), x = p.minute();
+      if (e !== h || t !== x)
+        return r;
+      const $ = p.second(), fe = l ? g($ + 1, 59) : g(0, $ - 1);
+      return A(r, fe);
+    }, P = ([e, t]) => [
+      y(e, "start", !0, t),
+      y(t, "end", !1, e)
+    ], { getAvailableHours: ie, getAvailableMinutes: ce, getAvailableSeconds: ue } = _e(
+      V,
+      _,
+      R
+    ), {
+      timePickerOptions: T,
+      getAvailableTime: y,
+      onSetOption: B
+    } = we({
+      getAvailableHours: ie,
+      getAvailableMinutes: ce,
+      getAvailableSeconds: ue
+    }), pe = (e) => e ? M(e) ? e.map((t) => S(t, i.format).locale(k.value)) : S(e, i.format).locale(k.value) : null, me = (e) => e ? M(e) ? e.map((t) => t.format(i.format)) : e.format(i.format) : null, de = () => {
+      if (M(w))
+        return w.map((t) => S(t).locale(k.value));
+      const e = S(w).locale(k.value);
+      return [e, e.add(60, "m")];
+    };
+    return c("set-picker-option", ["formatToString", me]), c("set-picker-option", ["parseUserInput", pe]), c("set-picker-option", ["isValidValue", ne]), c("set-picker-option", ["handleKeydownInput", le]), c("set-picker-option", ["getDefaultValue", de]), c("set-picker-option", ["getRangeAvailableTime", P]), (e, t) => e.actualVisible ? (ke(), ge("div", {
+      key: 0,
+      class: u([s(a).b("range-picker"), s(q).b("panel")])
+    }, [
+      m("div", {
+        class: u(s(a).be("range-picker", "content"))
       }, [
-        createElementVNode("div", {
-          class: normalizeClass(unref(nsTime).be("range-picker", "content"))
+        m("div", {
+          class: u(s(a).be("range-picker", "cell"))
         }, [
-          createElementVNode("div", {
-            class: normalizeClass(unref(nsTime).be("range-picker", "cell"))
-          }, [
-            createElementVNode("div", {
-              class: normalizeClass(unref(nsTime).be("range-picker", "header"))
-            }, "开始时间", 2),
-            createElementVNode("div", {
-              class: normalizeClass(startContainerKls.value)
-            }, [
-              createVNode(_sfc_main$1, {
-                ref: "minSpinner",
-                role: "start",
-                "show-seconds": showSeconds.value,
-                "am-pm-mode": amPmMode.value,
-                "arrow-control": unref(arrowControl),
-                "spinner-date": startTime.value,
-                "disabled-hours": disabledHours_,
-                "disabled-minutes": disabledMinutes_,
-                "disabled-seconds": disabledSeconds_,
-                onChange: handleMinChange,
-                onSetOption: unref(onSetOption),
-                onSelectRange: setMinSelectionRange
-              }, null, 8, ["show-seconds", "am-pm-mode", "arrow-control", "spinner-date", "onSetOption"])
-            ], 2)
-          ], 2),
-          createElementVNode("div", {
-            class: normalizeClass(unref(nsTime).be("range-picker", "cell"))
+          m("div", {
+            class: u(s(a).be("range-picker", "header"))
+          }, "开始时间", 2),
+          m("div", {
+            class: u(L.value)
           }, [
-            createElementVNode("div", {
-              class: normalizeClass(unref(nsTime).be("range-picker", "header"))
-            }, "结束时间", 2),
-            createElementVNode("div", {
-              class: normalizeClass(endContainerKls.value)
-            }, [
-              createVNode(_sfc_main$1, {
-                ref: "maxSpinner",
-                role: "end",
-                "show-seconds": showSeconds.value,
-                "am-pm-mode": amPmMode.value,
-                "arrow-control": unref(arrowControl),
-                "spinner-date": endTime.value,
-                "disabled-hours": disabledHours_,
-                "disabled-minutes": disabledMinutes_,
-                "disabled-seconds": disabledSeconds_,
-                onChange: handleMaxChange,
-                onSetOption: unref(onSetOption),
-                onSelectRange: setMaxSelectionRange
-              }, null, 8, ["show-seconds", "am-pm-mode", "arrow-control", "spinner-date", "onSetOption"])
-            ], 2)
+            z(G, {
+              ref: "minSpinner",
+              role: "start",
+              "show-seconds": b.value,
+              "am-pm-mode": H.value,
+              "arrow-control": s(C),
+              "spinner-date": f.value,
+              "disabled-hours": V,
+              "disabled-minutes": _,
+              "disabled-seconds": R,
+              onChange: ee,
+              onSetOption: s(B),
+              onSelectRange: ae
+            }, null, 8, ["show-seconds", "am-pm-mode", "arrow-control", "spinner-date", "onSetOption"])
           ], 2)
         ], 2),
-        createElementVNode("div", {
-          class: normalizeClass(unref(nsTime).be("panel", "footer"))
+        m("div", {
+          class: u(s(a).be("range-picker", "cell"))
         }, [
-          createElementVNode("button", {
-            type: "button",
-            class: normalizeClass([unref(nsTime).be("panel", "btn"), "cancel"]),
-            onClick: _cache[0] || (_cache[0] = ($event) => handleCancel())
-          }, " 取消 ", 2),
-          createElementVNode("button", {
-            type: "button",
-            class: normalizeClass([unref(nsTime).be("panel", "btn"), "confirm"]),
-            disabled: btnConfirmDisabled.value,
-            onClick: _cache[1] || (_cache[1] = ($event) => handleConfirm())
-          }, " 确认 ", 10, _hoisted_1)
+          m("div", {
+            class: u(s(a).be("range-picker", "header"))
+          }, "结束时间", 2),
+          m("div", {
+            class: u(Q.value)
+          }, [
+            z(G, {
+              ref: "maxSpinner",
+              role: "end",
+              "show-seconds": b.value,
+              "am-pm-mode": H.value,
+              "arrow-control": s(C),
+              "spinner-date": v.value,
+              "disabled-hours": V,
+              "disabled-minutes": _,
+              "disabled-seconds": R,
+              onChange: te,
+              onSetOption: s(B),
+              onSelectRange: se
+            }, null, 8, ["show-seconds", "am-pm-mode", "arrow-control", "spinner-date", "onSetOption"])
+          ], 2)
         ], 2)
-      ], 2)) : createCommentVNode("", true);
-    };
+      ], 2),
+      m("div", {
+        class: u(s(a).be("panel", "footer"))
+      }, [
+        m("button", {
+          type: "button",
+          class: u([s(a).be("panel", "btn"), "cancel"]),
+          onClick: t[0] || (t[0] = (n) => X())
+        }, " 取消 ", 2),
+        m("button", {
+          type: "button",
+          class: u([s(a).be("panel", "btn"), "confirm"]),
+          disabled: oe.value,
+          onClick: t[1] || (t[1] = (n) => Z())
+        }, " 确认 ", 10, Re)
+      ], 2)
+    ], 2)) : he("", !0);
   }
 });
 export {
-  _sfc_main as default
+  Ue as default
 };

package/es/components/time-picker/time-picker.js

@@ -1,68 +1,64 @@
-import { defineComponent, ref, provide, createVNode, mergeProps } from "vue";
-import dayjs from "dayjs";
-import customParseFormat from "dayjs/plugin/customParseFormat.js";
-import { PICKER_POPPER_OPTIONS_INJECTION_KEY, DEFAULT_FORMATS_TIME } from "./constants.js";
-import _sfc_main from "./common/picker.vue2.js";
-import _sfc_main$2 from "./time-picker-com/panel-time-pick.vue2.js";
-import _sfc_main$1 from "./time-picker-com/panel-time-range.vue2.js";
-import { timePickerDefaultProps } from "./common/props.js";
-import { UPDATE_MODEL_EVENT } from "../../constants/event.js";
-dayjs.extend(customParseFormat);
-const TimePicker = /* @__PURE__ */ defineComponent({
+import { defineComponent as s, ref as p, provide as u, createVNode as t, mergeProps as c } from "vue";
+import d from "dayjs";
+import P from "dayjs/plugin/customParseFormat.js";
+import { UPDATE_MODEL_EVENT as a } from "../../constants/event.js";
+import { PICKER_POPPER_OPTIONS_INJECTION_KEY as _, DEFAULT_FORMATS_TIME as E } from "./constants.js";
+import O from "./common/picker.vue2.js";
+import T from "./time-picker-com/panel-time-pick.vue2.js";
+import v from "./time-picker-com/panel-time-range.vue2.js";
+import { timePickerDefaultProps as C } from "./common/props.js";
+d.extend(P);
+const y = /* @__PURE__ */ s({
   name: "VftTimePicker",
   install: null,
   props: {
-    ...timePickerDefaultProps,
+    ...C,
     /**
      * @description whether to pick a time range
      */
     isRange: Boolean
   },
-  emits: [UPDATE_MODEL_EVENT],
-  setup(props, ctx) {
-    const commonPicker = ref();
-    const [type, Panel] = props.isRange ? ["timerange", _sfc_main$1] : ["time", _sfc_main$2];
-    const modelUpdater = (value) => ctx.emit(UPDATE_MODEL_EVENT, value);
-    provide(PICKER_POPPER_OPTIONS_INJECTION_KEY, props.popperOptions);
-    ctx.expose({
+  emits: [a],
+  setup(o, m) {
+    const e = p(), [n, i] = o.isRange ? ["timerange", v] : ["time", T], l = (r) => m.emit(a, r);
+    return u(_, o.popperOptions), m.expose({
       /**
        * @description focus the Input component
        */
       focus: () => {
-        commonPicker.value?.focus();
+        e.value?.focus();
       },
       /**
        * @description blur the Input component
        */
       blur: () => {
-        commonPicker.value?.blur();
+        e.value?.blur();
       },
       /**
        * @description open the TimePicker popper
        */
       handleOpen: () => {
-        commonPicker.value?.handleOpen();
+        e.value?.handleOpen();
       },
       /**
        * @description close the TimePicker popper
        */
       handleClose: () => {
-        commonPicker.value?.handleClose();
+        e.value?.handleClose();
       }
-    });
-    return () => {
-      const format = props.format ?? DEFAULT_FORMATS_TIME;
-      return createVNode(_sfc_main, mergeProps(props, {
-        "ref": commonPicker,
-        "type": type,
-        "format": format,
-        "onUpdate:modelValue": modelUpdater
+    }), () => {
+      const r = o.format ?? E;
+      return t(O, c(o, {
+        ref: e,
+        type: n,
+        format: r,
+        "onUpdate:modelValue": l
       }), {
-        default: (props2) => createVNode(Panel, props2, null)
+        default: (f) => t(i, f, null)
       });
     };
   }
 });
 export {
-  TimePicker as default
+  y as default
 };