fec-dev-designer 1.0.0

package/es/node_modules/element-plus/es/components/time-picker/src/common/picker.js

@@ -0,0 +1,410 @@
+import { defineComponent as qe, useAttrs as He, inject as Ge, ref as M, computed as u, watch as Qe, nextTick as Z, unref as l, onBeforeUnmount as Xe, provide as fe, openBlock as i, createBlock as p, mergeProps as Ze, withCtx as c, normalizeClass as h, normalizeStyle as me, withModifiers as w, resolveDynamicComponent as R, createCommentVNode as K, renderSlot as he, createElementVNode as _e, toDisplayString as xe } from "vue";
+import { onClickOutside as ea, unrefElement as aa } from "../../../../../../@vueuse/core/index.js";
+import { ElInput as la } from "../../../input/index.js";
+import { ElIcon as B } from "../../../icon/index.js";
+import { ElTooltip as oa } from "../../../tooltip/index.js";
+import { Clock as na, Calendar as ra } from "../../../../../../@element-plus/icons-vue/dist/index.js";
+import { valueEquals as ta, dayOrDaysToDate as _ } from "../utils.js";
+import { PICKER_POPPER_OPTIONS_INJECTION_KEY as ua, PICKER_BASE_INJECTION_KEY as sa, ROOT_COMMON_PICKER_INJECTION_KEY as ia } from "../constants.js";
+import { useCommonPicker as pa } from "../composables/use-common-picker.js";
+import { timePickerDefaultProps as ca } from "./props.js";
+import da from "./picker-range-trigger.js";
+import va from "../../../../_virtual/plugin-vue_export-helper.js";
+import { useEmptyValues as fa } from "../../../../hooks/use-empty-values/index.js";
+import { UPDATE_MODEL_EVENT as ma, CHANGE_EVENT as ye } from "../../../../constants/event.js";
+import { useNamespace as x } from "../../../../hooks/use-namespace/index.js";
+import { useFormItem as ha } from "../../../form/src/hooks/use-form-item.js";
+import { useFormDisabled as ya, useFormSize as ga } from "../../../form/src/hooks/use-form-common-props.js";
+import { useFocusController as ka } from "../../../../hooks/use-focus-controller/index.js";
+import { debugWarn as ge } from "../../../../utils/error.js";
+import { isArray as ke, NOOP as be } from "../../../../../../@vue/shared/dist/shared.esm-bundler.js";
+import { getEventCode as ba } from "../../../../utils/dom/event.js";
+import { EVENT_CODE as E } from "../../../../constants/aria.js";
+const Pa = qe({
+  name: "Picker",
+  __name: "picker",
+  props: ca,
+  emits: [
+    ma,
+    ye,
+    "focus",
+    "blur",
+    "clear",
+    "calendar-change",
+    "panel-change",
+    "visible-change",
+    "keydown"
+  ],
+  setup(Pe, { expose: Ce, emit: Ie }) {
+    const o = Pe, y = Ie, we = He(), v = x("date"), b = x("input"), g = x("range"), { formItem: V } = ha(), Ee = Ge(
+      ua,
+      {}
+    ), P = fa(o, null), $ = M(), f = M(), A = M(null);
+    let z = !1;
+    const d = ya(), ee = pa(o, y), {
+      parsedValue: O,
+      pickerActualVisible: U,
+      userInput: r,
+      pickerVisible: t,
+      pickerOptions: m,
+      valueIsEmpty: N,
+      emitInput: C,
+      onPick: L,
+      onSetPickerOption: ae,
+      onCalendarChange: le,
+      onPanelChange: oe
+    } = ee, { isFocused: J, handleFocus: ne, handleBlur: re } = ka(f, {
+      disabled: d,
+      beforeFocus() {
+        return o.readonly;
+      },
+      afterFocus() {
+        o.automaticDropdown && (t.value = !0);
+      },
+      beforeBlur(e) {
+        var a;
+        return !z && ((a = $.value) == null ? void 0 : a.isFocusInsideContent(e));
+      },
+      afterBlur() {
+        Q(), t.value = !1, z = !1, o.validateEvent && (V == null || V.validate("blur").catch((e) => ge(e)));
+      }
+    }), W = M(!1), Ve = u(() => [
+      v.b("editor"),
+      v.bm("editor", o.type),
+      b.e("wrapper"),
+      v.is("disabled", d.value),
+      v.is("active", t.value),
+      g.b("editor"),
+      G ? g.bm("editor", G.value) : "",
+      we.class
+    ]), Oe = u(() => [
+      b.e("icon"),
+      g.e("close-icon"),
+      j.value ? "" : g.em("close-icon", "hidden")
+    ]);
+    Qe(t, (e) => {
+      e ? Z(() => {
+        e && (A.value = o.modelValue);
+      }) : (r.value = null, Z(() => {
+        Y(o.modelValue);
+      }));
+    });
+    const Y = (e, a) => {
+      (a || !ta(e, A.value)) && (y(ye, e), a && (A.value = e), o.validateEvent && (V == null || V.validate("change").catch((n) => ge(n))));
+    }, Ne = (e) => {
+      y("keydown", e);
+    }, Se = u(() => f.value ? Array.from(
+      f.value.$el.querySelectorAll("input")
+    ) : []), Te = (e, a, n) => {
+      const s = Se.value;
+      s.length && (!n || n === "min" ? (s[0].setSelectionRange(e, a), s[0].focus()) : n === "max" && (s[1].setSelectionRange(e, a), s[1].focus()));
+    }, Fe = () => {
+      U.value = !0;
+    }, De = () => {
+      y("visible-change", !0);
+    }, te = () => {
+      U.value = !1, t.value = !1, y("visible-change", !1);
+    }, Me = () => {
+      t.value = !0;
+    }, Re = () => {
+      t.value = !1;
+    }, k = u(() => {
+      const e = X(O.value);
+      return ke(r.value) ? [
+        r.value[0] || e && e[0] || "",
+        r.value[1] || e && e[1] || ""
+      ] : r.value !== null ? r.value : !Be.value && N.value || !t.value && N.value ? "" : e ? ue.value || se.value || ie.value ? e.join(", ") : e : "";
+    }), Ke = u(() => o.type.includes("time")), Be = u(() => o.type.startsWith("time")), ue = u(() => o.type === "dates"), se = u(() => o.type === "months"), ie = u(() => o.type === "years"), S = u(
+      () => o.prefixIcon || (Ke.value ? na : ra)
+    ), j = u(
+      () => o.clearable && !d.value && !o.readonly && !N.value && (W.value || J.value)
+    ), q = (e) => {
+      o.readonly || d.value || (j.value && (e == null || e.stopPropagation(), m.value.handleClear ? m.value.handleClear() : C(P.valueOnClear.value), Y(P.valueOnClear.value, !0), te()), y("clear"));
+    }, T = async (e) => {
+      var a;
+      o.readonly || d.value || (((a = e.target) == null ? void 0 : a.tagName) !== "INPUT" || J.value || !o.automaticDropdown) && (t.value = !0);
+    }, pe = () => {
+      o.readonly || d.value || !N.value && o.clearable && (W.value = !0);
+    }, ce = () => {
+      W.value = !1;
+    }, H = (e) => {
+      var a;
+      o.readonly || d.value || (((a = e.touches[0].target) == null ? void 0 : a.tagName) !== "INPUT" || J.value || !o.automaticDropdown) && (t.value = !0);
+    }, $e = u(() => o.type.includes("range")), G = ga(), Ae = u(() => {
+      var e, a;
+      return (a = (e = l($)) == null ? void 0 : e.popperRef) == null ? void 0 : a.contentRef;
+    }), de = ea(
+      f,
+      (e) => {
+        const a = l(Ae), n = aa(f);
+        a && (e.target === a || e.composedPath().includes(a)) || e.target === n || n && e.composedPath().includes(n) || (t.value = !1);
+      }
+    );
+    Xe(() => {
+      de == null || de();
+    });
+    const Q = () => {
+      if (r.value) {
+        const e = F(k.value);
+        e && (D(e) && C(_(e)), r.value = null);
+      }
+      r.value === "" && (C(P.valueOnClear.value), Y(P.valueOnClear.value, !0), r.value = null);
+    }, F = (e) => e ? m.value.parseUserInput(e) : null, X = (e) => e ? ke(e) ? e.map((n) => n.format(o.format)) : e.format(o.format) : null, D = (e) => m.value.isValidValue(e), ve = async (e) => {
+      if (o.readonly || d.value)
+        return;
+      const a = ba(e);
+      if (Ne(e), a === E.esc) {
+        t.value === !0 && (t.value = !1, e.preventDefault(), e.stopPropagation());
+        return;
+      }
+      if (a === E.down && (m.value.handleFocusPicker && (e.preventDefault(), e.stopPropagation()), t.value === !1 && (t.value = !0, await Z()), m.value.handleFocusPicker)) {
+        m.value.handleFocusPicker();
+        return;
+      }
+      if (a === E.tab) {
+        z = !0;
+        return;
+      }
+      if (a === E.enter || a === E.numpadEnter) {
+        t.value ? (r.value === null || r.value === "" || D(F(k.value))) && (Q(), t.value = !1) : t.value = !0, e.preventDefault(), e.stopPropagation();
+        return;
+      }
+      if (r.value) {
+        e.stopPropagation();
+        return;
+      }
+      m.value.handleKeydownInput && m.value.handleKeydownInput(e);
+    }, ze = (e) => {
+      r.value = e, t.value || (t.value = !0);
+    }, Ue = (e) => {
+      const a = e.target;
+      r.value ? r.value = [a.value, r.value[1]] : r.value = [a.value, null];
+    }, Le = (e) => {
+      const a = e.target;
+      r.value ? r.value = [r.value[0], a.value] : r.value = [null, a.value];
+    }, Je = () => {
+      var e;
+      const a = r.value, n = F(a && a[0]), s = l(O);
+      if (n && n.isValid()) {
+        r.value = [
+          X(n),
+          ((e = k.value) == null ? void 0 : e[1]) || null
+        ];
+        const I = [n, s && (s[1] || null)];
+        D(I) && (C(_(I)), r.value = null);
+      }
+    }, We = () => {
+      var e;
+      const a = l(r), n = F(a && a[1]), s = l(O);
+      if (n && n.isValid()) {
+        r.value = [
+          ((e = l(k)) == null ? void 0 : e[0]) || null,
+          X(n)
+        ];
+        const I = [s && s[0], n];
+        D(I) && (C(_(I)), r.value = null);
+      }
+    }, Ye = () => {
+      var e;
+      (e = f.value) == null || e.focus();
+    }, je = () => {
+      var e;
+      (e = f.value) == null || e.blur();
+    };
+    return fe(sa, {
+      props: o,
+      emptyValues: P
+    }), fe(ia, ee), Ce({
+      focus: Ye,
+      blur: je,
+      handleOpen: Me,
+      handleClose: Re,
+      onPick: L
+    }), (e, a) => (i(), p(l(oa), Ze({
+      ref_key: "refPopper",
+      ref: $,
+      visible: l(t),
+      effect: "light",
+      pure: "",
+      trigger: "click"
+    }, e.$attrs, {
+      role: "dialog",
+      teleported: "",
+      transition: `${l(v).namespace.value}-zoom-in-top`,
+      "popper-class": [`${l(v).namespace.value}-picker__popper`, e.popperClass],
+      "popper-style": e.popperStyle,
+      "popper-options": l(Ee),
+      "fallback-placements": e.fallbackPlacements,
+      "gpu-acceleration": !1,
+      placement: e.placement,
+      "stop-popper-mouse-event": !1,
+      "hide-after": 0,
+      persistent: "",
+      onBeforeShow: Fe,
+      onShow: De,
+      onHide: te
+    }), {
+      default: c(() => [
+        $e.value ? (i(), p(da, {
+          key: 1,
+          id: e.id,
+          ref_key: "inputRef",
+          ref: f,
+          "model-value": k.value,
+          name: e.name,
+          disabled: l(d),
+          readonly: !e.editable || e.readonly,
+          "start-placeholder": e.startPlaceholder,
+          "end-placeholder": e.endPlaceholder,
+          class: h(Ve.value),
+          style: me(e.$attrs.style),
+          "aria-label": e.ariaLabel,
+          tabindex: e.tabindex,
+          autocomplete: "off",
+          role: "combobox",
+          onClick: T,
+          onFocus: l(ne),
+          onBlur: l(re),
+          onStartInput: Ue,
+          onStartChange: Je,
+          onEndInput: Le,
+          onEndChange: We,
+          onMousedown: T,
+          onMouseenter: pe,
+          onMouseleave: ce,
+          onTouchstartPassive: H,
+          onKeydown: ve
+        }, {
+          prefix: c(() => [
+            S.value ? (i(), p(l(B), {
+              key: 0,
+              class: h([l(b).e("icon"), l(g).e("icon")])
+            }, {
+              default: c(() => [
+                (i(), p(R(S.value)))
+              ]),
+              _: 1
+            }, 8, ["class"])) : K("v-if", !0)
+          ]),
+          "range-separator": c(() => [
+            he(e.$slots, "range-separator", {}, () => [
+              _e(
+                "span",
+                {
+                  class: h(l(g).b("separator"))
+                },
+                xe(e.rangeSeparator),
+                3
+              )
+            ])
+          ]),
+          suffix: c(() => [
+            e.clearIcon ? (i(), p(l(B), {
+              key: 0,
+              class: h(Oe.value),
+              onMousedown: w(l(be), ["prevent"]),
+              onClick: q
+            }, {
+              default: c(() => [
+                (i(), p(R(e.clearIcon)))
+              ]),
+              _: 1
+            }, 8, ["class", "onMousedown"])) : K("v-if", !0)
+          ]),
+          _: 3
+        }, 8, ["id", "model-value", "name", "disabled", "readonly", "start-placeholder", "end-placeholder", "class", "style", "aria-label", "tabindex", "onFocus", "onBlur"])) : (i(), p(l(la), {
+          key: 0,
+          id: e.id,
+          ref_key: "inputRef",
+          ref: f,
+          "container-role": "combobox",
+          "model-value": k.value,
+          name: e.name,
+          size: l(G),
+          disabled: l(d),
+          placeholder: e.placeholder,
+          class: h([
+            l(v).b("editor"),
+            l(v).bm("editor", e.type),
+            l(v).is("focus", l(t)),
+            e.$attrs.class
+          ]),
+          style: me(e.$attrs.style),
+          readonly: !e.editable || e.readonly || ue.value || se.value || ie.value || e.type === "week",
+          "aria-label": e.ariaLabel,
+          tabindex: e.tabindex,
+          "validate-event": !1,
+          onInput: ze,
+          onFocus: l(ne),
+          onBlur: l(re),
+          onKeydown: ve,
+          onChange: Q,
+          onMousedown: T,
+          onMouseenter: pe,
+          onMouseleave: ce,
+          onTouchstartPassive: H,
+          onClick: a[0] || (a[0] = w(() => {
+          }, ["stop"]))
+        }, {
+          prefix: c(() => [
+            S.value ? (i(), p(l(B), {
+              key: 0,
+              class: h(l(b).e("icon")),
+              onMousedown: w(T, ["prevent"]),
+              onTouchstartPassive: H
+            }, {
+              default: c(() => [
+                (i(), p(R(S.value)))
+              ]),
+              _: 1
+            }, 8, ["class"])) : K("v-if", !0)
+          ]),
+          suffix: c(() => [
+            j.value && e.clearIcon ? (i(), p(l(B), {
+              key: 0,
+              class: h(`${l(b).e("icon")} clear-icon`),
+              onMousedown: w(l(be), ["prevent"]),
+              onClick: q
+            }, {
+              default: c(() => [
+                (i(), p(R(e.clearIcon)))
+              ]),
+              _: 1
+            }, 8, ["class", "onMousedown"])) : K("v-if", !0)
+          ]),
+          _: 1
+        }, 8, ["id", "model-value", "name", "size", "disabled", "placeholder", "class", "style", "readonly", "aria-label", "tabindex", "onFocus", "onBlur"]))
+      ]),
+      content: c(() => [
+        he(e.$slots, "default", {
+          visible: l(t),
+          actualVisible: l(U),
+          parsedValue: l(O),
+          format: e.format,
+          dateFormat: e.dateFormat,
+          timeFormat: e.timeFormat,
+          unlinkPanels: e.unlinkPanels,
+          type: e.type,
+          defaultValue: e.defaultValue,
+          showNow: e.showNow,
+          showConfirm: e.showConfirm,
+          showFooter: e.showFooter,
+          showWeekNumber: e.showWeekNumber,
+          onPick: a[1] || (a[1] = (...n) => l(L) && l(L)(...n)),
+          onSelectRange: Te,
+          onSetPickerOption: a[2] || (a[2] = (...n) => l(ae) && l(ae)(...n)),
+          onCalendarChange: a[3] || (a[3] = (...n) => l(le) && l(le)(...n)),
+          onClear: q,
+          onPanelChange: a[4] || (a[4] = (...n) => l(oe) && l(oe)(...n)),
+          onMousedown: a[5] || (a[5] = w(() => {
+          }, ["stop"]))
+        })
+      ]),
+      _: 3
+    }, 16, ["visible", "transition", "popper-class", "popper-style", "popper-options", "fallback-placements", "placement"]));
+  }
+});
+var Ya = /* @__PURE__ */ va(Pa, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/time-picker/src/common/picker.vue"]]);
+export {
+  Ya as default
+};

package/es/node_modules/element-plus/es/components/time-picker/src/common/props.js

@@ -0,0 +1,139 @@
+import { placements as a } from "../../../../../../@popperjs/core/dist/index.js";
+import { CircleClose as o } from "../../../../../../@element-plus/icons-vue/dist/index.js";
+import { disabledTimeListsProps as l } from "../props/shared.js";
+import { buildProps as r, definePropType as e } from "../../../../utils/vue/props/runtime.js";
+import { useTooltipContentProps as t } from "../../../tooltip/src/content.js";
+import { useSizeProp as p } from "../../../../hooks/use-size/index.js";
+import { useEmptyValuesProps as i } from "../../../../hooks/use-empty-values/index.js";
+import { useAriaProps as n } from "../../../../hooks/use-aria/index.js";
+const S = r({
+  automaticDropdown: {
+    type: Boolean,
+    default: !0
+  },
+  id: {
+    type: e([Array, String])
+  },
+  name: {
+    type: e([Array, String])
+  },
+  popperClass: t.popperClass,
+  popperStyle: t.popperStyle,
+  format: String,
+  valueFormat: String,
+  dateFormat: String,
+  timeFormat: String,
+  type: {
+    type: String,
+    default: ""
+  },
+  clearable: {
+    type: Boolean,
+    default: !0
+  },
+  clearIcon: {
+    type: e([String, Object]),
+    default: o
+  },
+  editable: {
+    type: Boolean,
+    default: !0
+  },
+  prefixIcon: {
+    type: e([String, Object]),
+    default: ""
+  },
+  size: p,
+  readonly: Boolean,
+  disabled: {
+    type: Boolean,
+    default: void 0
+  },
+  placeholder: {
+    type: String,
+    default: ""
+  },
+  popperOptions: {
+    type: e(Object),
+    default: () => ({})
+  },
+  modelValue: {
+    type: e([Date, Array, String, Number]),
+    default: ""
+  },
+  rangeSeparator: {
+    type: String,
+    default: "-"
+  },
+  startPlaceholder: String,
+  endPlaceholder: String,
+  defaultValue: {
+    type: e([Date, Array])
+  },
+  defaultTime: {
+    type: e([Date, Array])
+  },
+  isRange: Boolean,
+  ...l,
+  disabledDate: {
+    type: Function
+  },
+  cellClassName: {
+    type: Function
+  },
+  shortcuts: {
+    type: Array,
+    default: () => []
+  },
+  arrowControl: Boolean,
+  tabindex: {
+    type: e([String, Number]),
+    default: 0
+  },
+  validateEvent: {
+    type: Boolean,
+    default: !0
+  },
+  unlinkPanels: Boolean,
+  placement: {
+    type: e(String),
+    values: a,
+    default: "bottom"
+  },
+  fallbackPlacements: {
+    type: e(Array),
+    default: ["bottom", "top", "right", "left"]
+  },
+  ...i,
+  ...n(["ariaLabel"]),
+  showNow: {
+    type: Boolean,
+    default: !0
+  },
+  showConfirm: {
+    type: Boolean,
+    default: !0
+  },
+  showFooter: {
+    type: Boolean,
+    default: !0
+  },
+  showWeekNumber: Boolean
+}), b = r({
+  id: {
+    type: e(Array)
+  },
+  name: {
+    type: e(Array)
+  },
+  modelValue: {
+    type: e([Array, String])
+  },
+  startPlaceholder: String,
+  endPlaceholder: String,
+  disabled: Boolean
+});
+export {
+  S as timePickerDefaultProps,
+  b as timePickerRangeTriggerProps
+};

package/es/node_modules/element-plus/es/components/time-picker/src/composables/use-common-picker.js

@@ -0,0 +1,61 @@
+import { ref as r, computed as g } from "vue";
+import { useLocale as P } from "../../../../hooks/use-locale/index.js";
+import { parseDate as V, dayOrDaysToDate as h, valueEquals as y, formatter as d } from "../utils.js";
+import { isArray as u } from "../../../../../../@vue/shared/dist/shared.esm-bundler.js";
+import { UPDATE_MODEL_EVENT as C } from "../../../../constants/event.js";
+import E from "../../../../../../lodash-es/isEqual.js";
+const L = (t, i) => {
+  const { lang: n } = P(), f = r(!1), D = r(!1), v = r(null), m = g(() => {
+    const { modelValue: e } = t;
+    return !e || u(e) && !e.filter(Boolean).length;
+  }), s = (e) => {
+    if (!y(t.modelValue, e)) {
+      let a;
+      u(e) ? a = e.map(
+        (c) => d(c, t.valueFormat, n.value)
+      ) : e && (a = d(e, t.valueFormat, n.value)), i(C, e && a, n.value);
+    }
+  }, k = g(() => {
+    var e;
+    let a;
+    if (m.value ? o.value.getDefaultValue && (a = o.value.getDefaultValue()) : u(t.modelValue) ? a = t.modelValue.map(
+      (l) => V(l, t.valueFormat, n.value)
+    ) : a = V(
+      (e = t.modelValue) != null ? e : "",
+      t.valueFormat,
+      n.value
+    ), o.value.getRangeAvailableTime) {
+      const l = o.value.getRangeAvailableTime(
+        a
+      );
+      E(l, a) || (a = l, m.value || s(h(a)));
+    }
+    return u(a) && a.some((l) => !l) && (a = []), a;
+  }), o = r({});
+  return {
+    parsedValue: k,
+    pickerActualVisible: D,
+    pickerOptions: o,
+    pickerVisible: f,
+    userInput: v,
+    valueIsEmpty: m,
+    emitInput: s,
+    onCalendarChange: (e) => {
+      i("calendar-change", e);
+    },
+    onPanelChange: (e, a, l) => {
+      i("panel-change", e, a, l);
+    },
+    onPick: (e = "", a = !1) => {
+      f.value = a;
+      let l;
+      u(e) ? l = e.map((c) => c.toDate()) : l = e && e.toDate(), v.value = null, s(l);
+    },
+    onSetPickerOption: (e) => {
+      o.value[e[0]] = e[1], o.value.panelReady = !0;
+    }
+  };
+};
+export {
+  L as useCommonPicker
+};

package/es/node_modules/element-plus/es/components/time-picker/src/composables/use-time-panel.js

@@ -0,0 +1,60 @@
+const k = ({
+  getAvailableHours: a,
+  getAvailableMinutes: r,
+  getAvailableSeconds: h
+}) => {
+  const m = (o, t, d, s) => {
+    const c = {
+      hour: a,
+      minute: r,
+      second: h
+    };
+    let n = o;
+    return ["hour", "minute", "second"].forEach((i) => {
+      if (c[i]) {
+        let e;
+        const l = c[i];
+        switch (i) {
+          case "minute": {
+            e = l(
+              n.hour(),
+              t,
+              s
+            );
+            break;
+          }
+          case "second": {
+            e = l(
+              n.hour(),
+              n.minute(),
+              t,
+              s
+            );
+            break;
+          }
+          default: {
+            e = l(
+              t,
+              s
+            );
+            break;
+          }
+        }
+        if (e != null && e.length && !e.includes(n[i]())) {
+          const b = d ? 0 : e.length - 1;
+          n = n[i](e[b]);
+        }
+      }
+    }), n;
+  }, u = {};
+  return {
+    timePickerOptions: u,
+    getAvailableTime: m,
+    onSetOption: ([o, t]) => {
+      u[o] = t;
+    }
+  };
+};
+export {
+  k as useTimePanel
+};