@dazhicheng/ui 1.0.6 → 1.0.8

package/dist/index-CN_A-qCa.js

@@ -0,0 +1,90 @@
+import { isClient as E, useEventListener as d } from "@vueuse/core";
+import { getCurrentInstance as T, shallowRef as w, ref as g, watch as F, unref as v, onMounted as I, nextTick as y } from "vue";
+import { i as N } from "./use-form-common-props-CH53YdF-.js";
+import { i as h } from "./index-7R1S3sB2.js";
+const U = () => E && /firefox/i.test(window.navigator.userAgent), D = () => E && /android/i.test(window.navigator.userAgent), A = (t) => typeof Element > "u" ? !1 : t instanceof Element, x = (t) => {
+  if (t.tabIndex > 0 || t.tabIndex === 0 && t.getAttribute("tabIndex") !== null)
+    return !0;
+  if (t.tabIndex < 0 || t.hasAttribute("disabled") || t.getAttribute("aria-disabled") === "true")
+    return !1;
+  switch (t.nodeName) {
+    case "A":
+      return !!t.href && t.rel !== "ignore";
+    case "INPUT":
+      return !(t.type === "hidden" || t.type === "file");
+    case "BUTTON":
+    case "SELECT":
+    case "TEXTAREA":
+      return !0;
+    default:
+      return !1;
+  }
+}, M = (t, o) => {
+  if (!t || !t.focus) return;
+  let i = !1;
+  A(t) && !x(t) && !t.getAttribute("tabindex") && (t.setAttribute("tabindex", "-1"), i = !0), t.focus(o), A(t) && i && t.removeAttribute("tabindex");
+};
+function O(t, {
+  disabled: o,
+  beforeFocus: i,
+  afterFocus: f,
+  beforeBlur: u,
+  afterBlur: c
+} = {}) {
+  const m = T(), { emit: n } = m, s = w(), r = g(!1), l = (e) => {
+    const a = h(i) ? i(e) : !1;
+    v(o) || r.value || a || (r.value = !0, n("focus", e), f == null || f());
+  }, b = (e) => {
+    var a;
+    const p = h(u) ? u(e) : !1;
+    v(o) || e.relatedTarget && ((a = s.value) != null && a.contains(e.relatedTarget)) || p || (r.value = !1, n("blur", e), c == null || c());
+  }, C = (e) => {
+    var a, p;
+    v(o) || x(e.target) || (a = s.value) != null && a.contains(document.activeElement) && s.value !== document.activeElement || (p = t.value) == null || p.focus();
+  };
+  return F([s, () => v(o)], ([e, a]) => {
+    e && (a ? e.removeAttribute("tabindex") : e.setAttribute("tabindex", "-1"));
+  }), d(s, "focus", l, !0), d(s, "blur", b, !0), d(s, "click", C, !0), process.env.NODE_ENV === "test" && I(() => {
+    const e = N(t.value) ? t.value : document.querySelector("input,textarea");
+    e && (d(e, "focus", l, !0), d(e, "blur", b, !0));
+  }), {
+    isFocused: r,
+    /** Avoid using wrapperRef and handleFocus/handleBlur together */
+    wrapperRef: s,
+    handleFocus: l,
+    handleBlur: b
+  };
+}
+const _ = (t) => /([\uAC00-\uD7AF\u3130-\u318F])+/gi.test(t);
+function q({
+  afterComposition: t,
+  emit: o
+}) {
+  const i = g(!1), f = (n) => {
+    o == null || o("compositionstart", n), i.value = !0;
+  }, u = (n) => {
+    var s;
+    o == null || o("compositionupdate", n);
+    const r = (s = n.target) == null ? void 0 : s.value, l = r[r.length - 1] || "";
+    i.value = !_(l);
+  }, c = (n) => {
+    o == null || o("compositionend", n), i.value && (i.value = !1, y(() => t(n)));
+  };
+  return {
+    isComposing: i,
+    handleComposition: (n) => {
+      n.type === "compositionend" ? c(n) : u(n);
+    },
+    handleCompositionStart: f,
+    handleCompositionUpdate: u,
+    handleCompositionEnd: c
+  };
+}
+export {
+  U as a,
+  q as b,
+  x as c,
+  M as f,
+  D as i,
+  O as u
+};

package/dist/index-CUL_IQbJ.js

@@ -0,0 +1,334 @@
+import { defineComponent as W, inject as ke, computed as f, ref as X, createElementBlock as _e, createCommentVNode as Te, openBlock as he, normalizeClass as d, unref as s, createElementVNode as p, toDisplayString as C, createVNode as O, nextTick as Pe, provide as De, mergeProps as Ee } from "vue";
+import { d as Y, a as z, j as P, U as G } from "./index-7R1S3sB2.js";
+import { t as Se, P as Ce, u as Oe, _ as Q, a as Re, b as Ae, c as we, d as Ve, e as xe, D as Me, f as Ie, g as ye } from "./panel-time-pick.vue2-DYyyaJH8.js";
+import { o as ta, q as na, R as sa, h as oa, i as la, j as ra, k as ia, l as ca, m as ua, n as da, p as ma, r as pa, w as va, x as fa, s as ba, v as ga } from "./panel-time-pick.vue2-DYyyaJH8.js";
+import { union as y } from "lodash-es";
+import { b as Ne, a as Ke, w as Ue } from "./use-form-common-props-CH53YdF-.js";
+import { u as Fe } from "./index-BQfVaV7A.js";
+import { g as Le, E as He } from "./event-CgLWlq-W.js";
+const $e = Ne({
+  ...Se,
+  parsedValue: {
+    type: Ke(Array)
+  }
+}), Be = ["disabled"];
+var je = /* @__PURE__ */ W({
+  __name: "panel-time-range",
+  props: $e,
+  emits: ["pick", "select-range", "set-picker-option"],
+  setup(_, { emit: D }) {
+    const r = _, u = D, v = (e, a) => {
+      const t = [];
+      for (let l = e; l <= a; l++)
+        t.push(l);
+      return t;
+    }, { t: T, lang: n } = Fe(), o = Y("time"), R = Y("picker"), Z = ke(Ce), {
+      arrowControl: E,
+      disabledHours: N,
+      disabledMinutes: K,
+      disabledSeconds: U,
+      defaultValue: A
+    } = Z.props, ee = f(() => [
+      o.be("range-picker", "body"),
+      o.be("panel", "content"),
+      o.is("arrow", E),
+      k.value ? "has-seconds" : ""
+    ]), ae = f(() => [
+      o.be("range-picker", "body"),
+      o.be("panel", "content"),
+      o.is("arrow", E),
+      k.value ? "has-seconds" : ""
+    ]), b = f(() => r.parsedValue[0]), g = f(() => r.parsedValue[1]), F = Oe(r), te = () => {
+      const e = F.value;
+      u("pick", e, !1), Pe(() => {
+        F.value = e;
+      });
+    }, k = f(() => r.format.includes("ss")), L = f(() => r.format.includes("A") ? "A" : r.format.includes("a") ? "a" : ""), ne = (e = !1) => {
+      u("pick", [b.value, g.value], e);
+    }, se = (e) => {
+      H(e.millisecond(0), g.value);
+    }, oe = (e) => {
+      H(b.value, e.millisecond(0));
+    }, le = (e) => {
+      const a = e.map((l) => P(l).locale(n.value)), t = B(a);
+      return a[0].isSame(t[0]) && a[1].isSame(t[1]);
+    }, H = (e, a) => {
+      r.visible && u("pick", [e, a], !0);
+    }, re = f(() => b.value > g.value), S = X([0, 2]), ie = (e, a) => {
+      u("select-range", e, a, "min"), S.value = [e, a];
+    }, $ = f(() => k.value ? 11 : 8), ce = (e, a) => {
+      u("select-range", e, a, "max");
+      const t = s($);
+      S.value = [e + t, a + t];
+    }, ue = (e) => {
+      const a = k.value ? [0, 3, 6, 11, 14, 17] : [0, 3, 8, 11], t = ["hours", "minutes"].concat(
+        k.value ? ["seconds"] : []
+      ), i = (a.indexOf(S.value[0]) + e + a.length) % a.length, c = a.length / 2;
+      i < c ? M.start_emitSelectRange(t[i]) : M.end_emitSelectRange(t[i - c]);
+    }, de = (e) => {
+      const a = Le(e), { left: t, right: l, up: i, down: c } = He;
+      if ([t, l].includes(a)) {
+        ue(a === t ? -1 : 1), e.preventDefault();
+        return;
+      }
+      if ([i, c].includes(a)) {
+        const m = a === i ? -1 : 1, h = S.value[0] < $.value ? "start" : "end";
+        M[`${h}_scrollDown`](m), e.preventDefault();
+        return;
+      }
+    }, w = (e, a) => {
+      const t = N ? N(e) : [], l = e === "start", c = (a || (l ? g.value : b.value)).hour(), m = l ? v(c + 1, 23) : v(0, c - 1);
+      return y(t, m);
+    }, V = (e, a, t) => {
+      const l = K ? K(e, a) : [], i = a === "start", c = t || (i ? g.value : b.value), m = c.hour();
+      if (e !== m)
+        return l;
+      const h = c.minute(), I = i ? v(h + 1, 59) : v(0, h - 1);
+      return y(l, I);
+    }, x = (e, a, t, l) => {
+      const i = U ? U(e, a, t) : [], c = t === "start", m = l || (c ? g.value : b.value), h = m.hour(), I = m.minute();
+      if (e !== h || a !== I)
+        return i;
+      const J = m.second(), ge = c ? v(J + 1, 59) : v(0, J - 1);
+      return y(i, ge);
+    }, B = ([e, a]) => [
+      j(e, "start", !0, a),
+      j(a, "end", !1, e)
+    ], { getAvailableHours: me, getAvailableMinutes: pe, getAvailableSeconds: ve } = Ae(
+      w,
+      V,
+      x
+    ), {
+      timePickerOptions: M,
+      getAvailableTime: j,
+      onSetOption: q
+    } = Re({
+      getAvailableHours: me,
+      getAvailableMinutes: pe,
+      getAvailableSeconds: ve
+    }), fe = (e) => e ? z(e) ? e.map((a) => P(a, r.format).locale(n.value)) : P(e, r.format).locale(n.value) : null, be = () => {
+      if (z(A))
+        return A.map((a) => P(a).locale(n.value));
+      const e = P(A).locale(n.value);
+      return [e, e.add(60, "m")];
+    };
+    return u("set-picker-option", ["parseUserInput", fe]), u("set-picker-option", ["isValidValue", le]), u("set-picker-option", ["handleKeydownInput", de]), u("set-picker-option", ["getDefaultValue", be]), u("set-picker-option", ["getRangeAvailableTime", B]), (e, a) => e.actualVisible ? (he(), _e(
+      "div",
+      {
+        key: 0,
+        class: d([s(o).b("range-picker"), s(R).b("panel")])
+      },
+      [
+        p(
+          "div",
+          {
+            class: d(s(o).be("range-picker", "content"))
+          },
+          [
+            p(
+              "div",
+              {
+                class: d(s(o).be("range-picker", "cell"))
+              },
+              [
+                p(
+                  "div",
+                  {
+                    class: d(s(o).be("range-picker", "header"))
+                  },
+                  C(s(T)("el.datepicker.startTime")),
+                  3
+                  /* TEXT, CLASS */
+                ),
+                p(
+                  "div",
+                  {
+                    class: d(ee.value)
+                  },
+                  [
+                    O(Q, {
+                      ref: "minSpinner",
+                      role: "start",
+                      "show-seconds": k.value,
+                      "am-pm-mode": L.value,
+                      "arrow-control": s(E),
+                      "spinner-date": b.value,
+                      "disabled-hours": w,
+                      "disabled-minutes": V,
+                      "disabled-seconds": x,
+                      onChange: se,
+                      onSetOption: s(q),
+                      onSelectRange: ie
+                    }, null, 8, ["show-seconds", "am-pm-mode", "arrow-control", "spinner-date", "onSetOption"])
+                  ],
+                  2
+                  /* CLASS */
+                )
+              ],
+              2
+              /* CLASS */
+            ),
+            p(
+              "div",
+              {
+                class: d(s(o).be("range-picker", "cell"))
+              },
+              [
+                p(
+                  "div",
+                  {
+                    class: d(s(o).be("range-picker", "header"))
+                  },
+                  C(s(T)("el.datepicker.endTime")),
+                  3
+                  /* TEXT, CLASS */
+                ),
+                p(
+                  "div",
+                  {
+                    class: d(ae.value)
+                  },
+                  [
+                    O(Q, {
+                      ref: "maxSpinner",
+                      role: "end",
+                      "show-seconds": k.value,
+                      "am-pm-mode": L.value,
+                      "arrow-control": s(E),
+                      "spinner-date": g.value,
+                      "disabled-hours": w,
+                      "disabled-minutes": V,
+                      "disabled-seconds": x,
+                      onChange: oe,
+                      onSetOption: s(q),
+                      onSelectRange: ce
+                    }, null, 8, ["show-seconds", "am-pm-mode", "arrow-control", "spinner-date", "onSetOption"])
+                  ],
+                  2
+                  /* CLASS */
+                )
+              ],
+              2
+              /* CLASS */
+            )
+          ],
+          2
+          /* CLASS */
+        ),
+        p(
+          "div",
+          {
+            class: d(s(o).be("panel", "footer"))
+          },
+          [
+            p(
+              "button",
+              {
+                type: "button",
+                class: d([s(o).be("panel", "btn"), "cancel"]),
+                onClick: a[0] || (a[0] = (t) => te())
+              },
+              C(s(T)("el.datepicker.cancel")),
+              3
+              /* TEXT, CLASS */
+            ),
+            p("button", {
+              type: "button",
+              class: d([s(o).be("panel", "btn"), "confirm"]),
+              disabled: re.value,
+              onClick: a[1] || (a[1] = (t) => ne())
+            }, C(s(T)("el.datepicker.confirm")), 11, Be)
+          ],
+          2
+          /* CLASS */
+        )
+      ],
+      2
+      /* CLASS */
+    )) : Te("v-if", !0);
+  }
+});
+P.extend(ye);
+var qe = /* @__PURE__ */ W({
+  name: "ElTimePicker",
+  install: null,
+  props: {
+    ...we,
+    /**
+     * @description whether to pick a time range
+     */
+    isRange: Boolean
+  },
+  emits: [G],
+  setup(_, D) {
+    const r = X(), [u, v] = _.isRange ? ["timerange", je] : ["time", Ve], T = (n) => D.emit(G, n);
+    return De(xe, _.popperOptions), D.expose({
+      /**
+       * @description focus the Input component
+       */
+      focus: () => {
+        var n;
+        (n = r.value) == null || n.focus();
+      },
+      /**
+       * @description blur the Input component
+       */
+      blur: () => {
+        var n;
+        (n = r.value) == null || n.blur();
+      },
+      /**
+       * @description open the TimePicker popper
+       */
+      handleOpen: () => {
+        var n;
+        (n = r.value) == null || n.handleOpen();
+      },
+      /**
+       * @description close the TimePicker popper
+       */
+      handleClose: () => {
+        var n;
+        (n = r.value) == null || n.handleClose();
+      }
+    }), () => {
+      var n;
+      const o = (n = _.format) != null ? n : Me;
+      return O(Ie, Ee(_, {
+        ref: r,
+        type: u,
+        format: o,
+        "onUpdate:modelValue": T
+      }), {
+        default: (R) => O(v, R, null)
+      });
+    };
+  }
+});
+const Ze = Ue(qe);
+export {
+  Ie as CommonPicker,
+  ta as DEFAULT_FORMATS_DATE,
+  na as DEFAULT_FORMATS_DATEPICKER,
+  Me as DEFAULT_FORMATS_TIME,
+  Ze as ElTimePicker,
+  Ce as PICKER_BASE_INJECTION_KEY,
+  xe as PICKER_POPPER_OPTIONS_INJECTION_KEY,
+  sa as ROOT_COMMON_PICKER_INJECTION_KEY,
+  Ve as TimePickPanel,
+  oa as buildTimeList,
+  la as dateEquals,
+  ra as dayOrDaysToDate,
+  Ze as default,
+  ia as extractDateFormat,
+  ca as extractTimeFormat,
+  ua as formatter,
+  da as makeList,
+  ma as parseDate,
+  pa as rangeArr,
+  we as timePickerDefaultProps,
+  va as timePickerRangeTriggerProps,
+  fa as timePickerRngeTriggerProps,
+  ba as timeUnits,
+  ga as valueEquals
+};