@vunk/form 2.19.1 → 2.19.3

package/components/use-watch-t49wP7jy.mjs

@@ -0,0 +1,414 @@
+import { watch as j, getCurrentScope as re, onScopeDispose as ce, computed as b, toValue as q, unref as fe, ref as R, onMounted as de, nextTick as J, watchEffect as ve, shallowRef as me, inject as ge } from "vue";
+import { useFormItem as he, useFormDisabled as Ve, CHANGE_EVENT as be, UPDATE_MODEL_EVENT as I, INPUT_EVENT as ue, EVENT_CODE as N } from "element-plus";
+import { t as Z, d as ne } from "./debounce-DIph5ENi.mjs";
+import { noop as le } from "@vunk/shared/function";
+function ye(e, t, l) {
+  return e === e && (l !== void 0 && (e = e <= l ? e : l), t !== void 0 && (e = e >= t ? e : t)), e;
+}
+function we(e, t, l) {
+  return l === void 0 && (l = t, t = void 0), l !== void 0 && (l = Z(l), l = l === l ? l : 0), t !== void 0 && (t = Z(t), t = t === t ? t : 0), ye(Z(e), t, l);
+}
+function ke(e) {
+  return re() ? (ce(e), !0) : !1;
+}
+const Se = typeof window < "u" && typeof document < "u";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const xe = Object.prototype.toString, Ee = (e) => xe.call(e) === "[object Object]";
+function F(e) {
+  return Array.isArray(e) ? e : [e];
+}
+function Me(e, t, l) {
+  return j(
+    e,
+    t,
+    {
+      ...l,
+      immediate: !0
+    }
+  );
+}
+const Ne = Se ? window : void 0;
+function Pe(e) {
+  var t;
+  const l = q(e);
+  return (t = l == null ? void 0 : l.$el) != null ? t : l;
+}
+function ae(...e) {
+  const t = [], l = () => {
+    t.forEach((r) => r()), t.length = 0;
+  }, f = (r, d, n, c) => (r.addEventListener(d, n, c), () => r.removeEventListener(d, n, c)), i = b(() => {
+    const r = F(q(e[0])).filter((d) => d != null);
+    return r.every((d) => typeof d != "string") ? r : void 0;
+  }), u = Me(
+    () => {
+      var r, d;
+      return [
+        (d = (r = i.value) == null ? void 0 : r.map((n) => Pe(n))) != null ? d : [Ne].filter((n) => n != null),
+        F(q(i.value ? e[1] : e[0])),
+        F(fe(i.value ? e[2] : e[1])),
+        // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
+        q(i.value ? e[3] : e[2])
+      ];
+    },
+    ([r, d, n, c]) => {
+      if (l(), !(r != null && r.length) || !(d != null && d.length) || !(n != null && n.length))
+        return;
+      const h = Ee(c) ? { ...c } : c;
+      t.push(
+        ...r.flatMap(
+          (y) => d.flatMap(
+            (P) => n.map((A) => f(y, P, A, h))
+          )
+        )
+      );
+    },
+    { flush: "post" }
+  ), a = () => {
+    u(), l();
+  };
+  return ke(l), a;
+}
+const Ce = Symbol("sliderContextKey"), Ye = (e, t, l) => {
+  const f = R();
+  return de(async () => {
+    e.range ? (Array.isArray(e.modelValue) ? (t.firstValue = Math.max(e.min, e.modelValue[0]), t.secondValue = Math.min(e.max, e.modelValue[1])) : (t.firstValue = e.min, t.secondValue = e.max), t.oldValue = [t.firstValue, t.secondValue]) : (typeof e.modelValue != "number" || Number.isNaN(e.modelValue) ? t.firstValue = e.min : t.firstValue = Math.min(
+      e.max,
+      Math.max(e.min, e.modelValue)
+    ), t.oldValue = t.firstValue), ae(window, "resize", l), await J(), l();
+  }), {
+    sliderWrapper: f
+  };
+}, Ke = (e) => {
+  const t = b(() => e.marks ? Object.keys(e.marks).map(Number.parseFloat).sort((f, i) => f - i).filter((f) => f <= e.max && f >= e.min).map(
+    (f) => ({
+      point: f,
+      position: (f - e.min) * 100 / (e.max - e.min),
+      mark: e.marks[f]
+    })
+  ) : []);
+  return ve(() => {
+    if (e.step === "mark" && !e.marks && console.warn("[ElSlider] marks prop must be provided when step is mark"), e.marks) {
+      const l = Object.keys(e.marks), f = t.value.map((u) => u.point), i = l.filter((u) => {
+        const a = Number.parseFloat(u);
+        return Number.isNaN(a) || !f.includes(a);
+      });
+      i.length > 0 && console.warn(
+        `[ElSlider] Some marks keys are invalid (not a number or out of [min, max]): [${i.map((u) => `'${u}'`).join(", ")}] and will be ignored.`
+      );
+    }
+  }), t;
+}, Oe = (e, t, l, f) => {
+  const { formItem: i } = he(), u = me(), a = R(), r = R(), d = {
+    firstButton: a,
+    secondButton: r
+  }, n = Ve(), c = b(() => Math.min(t.firstValue, t.secondValue)), h = b(() => Math.max(t.firstValue, t.secondValue)), y = b(() => e.range ? `${100 * (h.value - c.value) / (e.max - e.min)}%` : `${100 * (t.firstValue - e.min) / (e.max - e.min)}%`), P = b(() => e.range ? `${100 * (c.value - e.min) / (e.max - e.min)}%` : "0%"), A = b(() => e.vertical ? { height: e.height } : {}), k = b(() => e.vertical ? {
+    height: y.value,
+    bottom: P.value
+  } : f.value ? {
+    width: y.value,
+    left: "auto",
+    right: P.value
+  } : {
+    width: y.value,
+    left: P.value
+  }), X = () => {
+    if (u.value) {
+      const s = u.value.getBoundingClientRect();
+      t.sliderSize = s[e.vertical ? "height" : "width"];
+    }
+  }, z = (s) => {
+    const v = e.min + s * (e.max - e.min) / 100;
+    if (!e.range)
+      return a;
+    let V;
+    return Math.abs(c.value - v) < Math.abs(h.value - v) ? V = t.firstValue < t.secondValue ? "firstButton" : "secondButton" : V = t.firstValue > t.secondValue ? "firstButton" : "secondButton", d[V];
+  }, Y = (s) => {
+    const v = z(s);
+    return v.value.setPosition(s), v;
+  }, Q = (s) => {
+    t.firstValue = s ?? e.min;
+    const v = e.range ? [c.value, h.value] : s ?? e.min;
+    O(v);
+  }, K = (s) => {
+    t.secondValue = s, e.range && O([c.value, h.value]);
+  }, O = (s) => {
+    l(I, s), l(ue, s);
+  }, C = async () => {
+    await J(), l(
+      be,
+      e.range ? [c.value, h.value] : e.modelValue
+    );
+  }, M = (s) => {
+    var V, U, G, _;
+    if (n.value || t.dragging) return;
+    X();
+    let v = 0;
+    if (e.vertical) {
+      const B = ((U = (V = s.touches) == null ? void 0 : V.item(0)) == null ? void 0 : U.clientY) ?? s.clientY;
+      v = (u.value.getBoundingClientRect().bottom - B) / t.sliderSize * 100;
+    } else {
+      const B = ((_ = (G = s.touches) == null ? void 0 : G.item(0)) == null ? void 0 : _.clientX) ?? s.clientX, $ = u.value.getBoundingClientRect();
+      f.value ? v = ($.right - B) / t.sliderSize * 100 : v = (B - $.left) / t.sliderSize * 100;
+    }
+    if (!(v < 0 || v > 100))
+      return Y(v);
+  };
+  return {
+    elFormItem: i,
+    slider: u,
+    firstButton: a,
+    secondButton: r,
+    sliderDisabled: n,
+    minValue: c,
+    maxValue: h,
+    runwayStyle: A,
+    barStyle: k,
+    resetSize: X,
+    setPosition: Y,
+    emitChange: C,
+    onSliderWrapperPrevent: (s) => {
+      var v, V;
+      ((v = d.firstButton.value) != null && v.dragging || (V = d.secondButton.value) != null && V.dragging) && s.preventDefault();
+    },
+    onSliderClick: (s) => {
+      M(s) && C();
+    },
+    onSliderDown: async (s) => {
+      const v = M(s);
+      v && (await J(), v.value.onButtonDown(s));
+    },
+    onSliderMarkerDown: (s) => {
+      if (n.value || t.dragging) return;
+      Y(s) && C();
+    },
+    setFirstValue: Q,
+    setSecondValue: K
+  };
+}, Le = (e) => e.code || e.key, Be = (e, t, l) => {
+  const f = R(), i = R(!1), u = b(() => t.value instanceof Function), a = b(() => u.value && t.value(e.modelValue) || e.modelValue), r = ne(() => {
+    l.value && (i.value = !0);
+  }, 50), d = ne(() => {
+    l.value && (i.value = !1);
+  }, 50);
+  return {
+    tooltip: f,
+    tooltipVisible: i,
+    formatValue: a,
+    displayTooltip: r,
+    hideTooltip: d
+  };
+}, We = (e, t, l) => {
+  const {
+    disabled: f,
+    min: i,
+    max: u,
+    step: a,
+    showTooltip: r,
+    persistent: d,
+    precision: n,
+    sliderSize: c,
+    formatTooltip: h,
+    emitChange: y,
+    resetSize: P,
+    updateDragging: A,
+    markList: k,
+    isRtl: X
+  } = ge(Ce), { tooltip: z, tooltipVisible: Y, formatValue: Q, displayTooltip: K, hideTooltip: O } = Be(e, h, r), C = R(), M = b(() => `${(e.modelValue - i.value) / (u.value - i.value) * 100}%`), D = b(() => e.vertical ? { bottom: M.value } : X.value ? { right: M.value } : { left: M.value }), W = b(() => a.value === "mark" && k.value.length > 0), p = () => {
+    t.hovering = !0, K();
+  }, ee = () => {
+    t.hovering = !1, t.dragging || O();
+  }, s = (o) => {
+    f.value || (o.preventDefault(), ie(o), window.addEventListener("mousemove", H), window.addEventListener("touchmove", H), window.addEventListener("mouseup", T), window.addEventListener("touchend", T), window.addEventListener("contextmenu", T), C.value.focus());
+  }, v = (o) => {
+    f.value || (t.newPosition = Number.parseFloat(M.value) + o / (u.value - i.value) * 100, L(t.newPosition), y());
+  }, V = (o) => {
+    if (f.value || !k.value.length) return;
+    const m = e.modelValue, g = Number.EPSILON, S = Math.abs(o);
+    let w;
+    if (o > 0) {
+      const E = k.value.findIndex(
+        (x) => x.point > m + g
+      );
+      if (E !== -1) {
+        const x = Math.min(
+          E + S - 1,
+          k.value.length - 1
+        );
+        w = k.value[x].point;
+      }
+    } else {
+      let E = -1;
+      for (let x = k.value.length - 1; x >= 0; x--)
+        if (k.value[x].point < m - g) {
+          E = x;
+          break;
+        }
+      if (E !== -1) {
+        const x = Math.max(E - (S - 1), 0);
+        w = k.value[x].point;
+      }
+    }
+    if (w !== void 0 && w !== m) {
+      const E = (w - i.value) / (u.value - i.value) * 100;
+      L(E), y();
+    }
+  }, U = () => {
+    W.value ? V(-1) : typeof a.value == "number" && v(-a.value);
+  }, G = () => {
+    W.value ? V(1) : typeof a.value == "number" && v(a.value);
+  }, _ = () => {
+    W.value ? V(-4) : typeof a.value == "number" && v(-a.value * 4);
+  }, B = () => {
+    W.value ? V(4) : typeof a.value == "number" && v(a.value * 4);
+  }, $ = () => {
+    f.value || (L(0), y());
+  }, oe = () => {
+    f.value || (L(100), y());
+  }, se = (o) => {
+    const m = Le(o);
+    let g = !0;
+    switch (m) {
+      case N.left:
+      case N.down:
+        U();
+        break;
+      case N.right:
+      case N.up:
+        G();
+        break;
+      case N.home:
+        $();
+        break;
+      case N.end:
+        oe();
+        break;
+      case N.pageDown:
+        _();
+        break;
+      case N.pageUp:
+        B();
+        break;
+      default:
+        g = !1;
+        break;
+    }
+    g && o.preventDefault();
+  }, te = (o) => {
+    let m, g;
+    return o.type.startsWith("touch") ? (g = o.touches[0].clientY, m = o.touches[0].clientX) : (g = o.clientY, m = o.clientX), {
+      clientX: m,
+      clientY: g
+    };
+  }, ie = (o) => {
+    t.dragging = !0, t.isClick = !0;
+    const { clientX: m, clientY: g } = te(o);
+    e.vertical ? t.startY = g : t.startX = m, t.startPosition = Number.parseFloat(M.value), t.newPosition = t.startPosition;
+  }, H = (o) => {
+    if (t.dragging) {
+      t.isClick = !1, K(), P();
+      let m;
+      const { clientX: g, clientY: S } = te(o);
+      if (e.vertical)
+        t.currentY = S, m = (t.startY - t.currentY) / c.value * 100;
+      else {
+        t.currentX = g;
+        const w = (t.currentX - t.startX) / c.value * 100;
+        m = X.value ? -w : w;
+      }
+      t.newPosition = t.startPosition + m, L(t.newPosition);
+    }
+  }, T = () => {
+    t.dragging && (setTimeout(() => {
+      t.dragging = !1, t.hovering || O(), t.isClick || L(t.newPosition), y();
+    }, 0), window.removeEventListener("mousemove", H), window.removeEventListener("touchmove", H), window.removeEventListener("mouseup", T), window.removeEventListener("touchend", T), window.removeEventListener("contextmenu", T));
+  }, L = async (o) => {
+    if (o === null || Number.isNaN(+o)) return;
+    o = we(o, 0, 100);
+    let m;
+    if (a.value === "mark")
+      k.value.length === 0 ? m = o <= 50 ? i.value : u.value : m = k.value.reduce((S, w) => Math.abs(w.position - o) < Math.abs(S.position - o) ? w : S).point;
+    else {
+      const g = Math.floor((u.value - i.value) / a.value), S = g * a.value / (u.value - i.value) * 100, w = S + (100 - S) / 2;
+      if (o < S) {
+        const E = S / g, x = Math.round(o / E);
+        m = i.value + x * a.value;
+      } else o < w ? m = i.value + g * a.value : m = u.value;
+      m = Number.parseFloat(m.toFixed(n.value));
+    }
+    m !== e.modelValue && l(I, m), !t.dragging && e.modelValue !== t.oldValue && (t.oldValue = e.modelValue), await J(), t.dragging && K(), z.value.updatePopper();
+  };
+  return j(
+    () => t.dragging,
+    (o) => {
+      A(o);
+    }
+  ), ae(C, "touchstart", s, { passive: !1 }), {
+    disabled: f,
+    button: C,
+    tooltip: z,
+    tooltipVisible: Y,
+    showTooltip: r,
+    persistent: d,
+    wrapperStyle: D,
+    formatValue: Q,
+    handleMouseEnter: p,
+    handleMouseLeave: ee,
+    onButtonDown: s,
+    onKeyDown: se,
+    setPosition: L
+  };
+}, $e = (e, t, l, f, i) => ({
+  stops: b(() => {
+    if (!e.showStops || e.min > e.max) return [];
+    if (e.step === "mark" || e.step === 0)
+      return e.step === 0 && console.warn("[ElSlider] step should not be 0."), [];
+    const r = Math.ceil((e.max - e.min) / e.step), d = 100 * e.step / (e.max - e.min), n = Array.from({ length: r - 1 }).map(
+      (c, h) => (h + 1) * d
+    );
+    return e.range ? n.filter((c) => c < 100 * (l.value - e.min) / (e.max - e.min) || c > 100 * (f.value - e.min) / (e.max - e.min)) : n.filter(
+      (c) => c > 100 * (t.firstValue - e.min) / (e.max - e.min)
+    );
+  }),
+  getStopStyle: (r) => e.vertical ? { bottom: `${r}%` } : i.value ? { right: `${r}%` } : { left: `${r}%` }
+}), je = (e, t, l, f, i, u) => {
+  const a = (n) => {
+    i(I, n), i(ue, n);
+  }, r = () => e.range ? ![l.value, f.value].every(
+    (n, c) => n === t.oldValue[c]
+  ) : e.modelValue !== t.oldValue, d = () => {
+    var c, h;
+    if (e.min > e.max)
+      throw new Error("[Element Plus Slider] props.min should not be greater than props.max.");
+    const n = e.modelValue;
+    e.range && Array.isArray(n) ? n[1] < e.min ? a([e.min, e.min]) : n[0] > e.max ? a([e.max, e.max]) : n[0] < e.min ? a([e.min, n[1]]) : n[1] > e.max ? a([n[0], e.max]) : (t.firstValue = n[0], t.secondValue = n[1], r() && (e.validateEvent && ((c = u == null ? void 0 : u.validate) == null || c.call(u, "change").catch(le)), t.oldValue = n.slice())) : !e.range && typeof n == "number" && !Number.isNaN(n) && (n < e.min ? a(e.min) : n > e.max ? a(e.max) : (t.firstValue = n, r() && (e.validateEvent && ((h = u == null ? void 0 : u.validate) == null || h.call(u, "change").catch(le)), t.oldValue = n)));
+  };
+  d(), j(
+    () => t.dragging,
+    (n) => {
+      n || d();
+    }
+  ), j(
+    () => e.modelValue,
+    (n, c) => {
+      t.dragging || Array.isArray(n) && Array.isArray(c) && n.every((h, y) => h === c[y]) && t.firstValue === n[0] && t.secondValue === n[1] || d();
+    },
+    {
+      deep: !0
+    }
+  ), j(
+    () => [e.min, e.max],
+    () => {
+      d();
+    }
+  );
+};
+export {
+  Ke as a,
+  Oe as b,
+  We as c,
+  $e as d,
+  je as e,
+  ae as f,
+  Ce as s,
+  Ye as u
+};

package/components/van-cascader/src/ctx.d.ts

@@ -23,9 +23,13 @@ export declare const props: {
         required: boolean;
     };
     required: import("element-plus/es/utils/index.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    labelPosition: {
+        type: import("vue").PropType<"left" | "right" | "top" | "start" | "end">;
+        default: undefined;
+    };
     formItemSize: {
         type: import("vue").PropType<"default" | "small" | "large">;
-        default: "default" | "small" | "large";
+        default: undefined;
     };
     formItemSlots: {
         type: import("vue").PropType<import("../../form-item/src/types").FormItemSlots>;
@@ -61,7 +65,6 @@ export declare const props: {
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    labelPosition: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, "" | "left" | "right" | "top", unknown, "", boolean>;
     rules: {
         readonly type: import("vue").PropType<import("element-plus/es/utils/index.mjs").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils/typescript.mjs").Arrayable<import("element-plus").FormItemRule>) | (((new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils/typescript.mjs").Arrayable<import("element-plus").FormItemRule>)) | null)[], unknown, unknown>>;
         readonly required: false;

package/components/van-cascader/src/index.vue.d.ts

@@ -25,9 +25,13 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         required: boolean;
     };
     required: import("element-plus/es/utils/index.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    labelPosition: {
+        type: import("vue").PropType<"left" | "right" | "top" | "start" | "end">;
+        default: undefined;
+    };
     formItemSize: {
         type: import("vue").PropType<"default" | "small" | "large">;
-        default: "default" | "small" | "large";
+        default: undefined;
     };
     formItemSlots: {
         type: import("vue").PropType<import("../../form-item/src/types").FormItemSlots>;
@@ -63,7 +67,6 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    labelPosition: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, "" | "left" | "right" | "top", unknown, "", boolean>;
     rules: {
         readonly type: import("vue").PropType<import("element-plus/es/utils/index.mjs").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils/typescript.mjs").Arrayable<import("element-plus").FormItemRule>) | (((new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils/typescript.mjs").Arrayable<import("element-plus").FormItemRule>)) | null)[], unknown, unknown>>;
         readonly required: false;
@@ -293,9 +296,13 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         required: boolean;
     };
     required: import("element-plus/es/utils/index.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    labelPosition: {
+        type: import("vue").PropType<"left" | "right" | "top" | "start" | "end">;
+        default: undefined;
+    };
     formItemSize: {
         type: import("vue").PropType<"default" | "small" | "large">;
-        default: "default" | "small" | "large";
+        default: undefined;
     };
     formItemSlots: {
         type: import("vue").PropType<import("../../form-item/src/types").FormItemSlots>;
@@ -331,7 +338,6 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    labelPosition: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, "" | "left" | "right" | "top", unknown, "", boolean>;
     rules: {
         readonly type: import("vue").PropType<import("element-plus/es/utils/index.mjs").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils/typescript.mjs").Arrayable<import("element-plus").FormItemRule>) | (((new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils/typescript.mjs").Arrayable<import("element-plus").FormItemRule>)) | null)[], unknown, unknown>>;
         readonly required: false;
@@ -538,6 +544,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     onRemoveTag?: ((val: import("element-plus").CascaderNodeValue | import("element-plus").CascaderNodePathValue) => any) | undefined;
 }>, {
     required: import("element-plus/es/utils/index.mjs").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    labelPosition: "left" | "right" | "top" | "start" | "end";
     formItemSize: "default" | "small" | "large";
     formItemSlots: import("../../form-item/src/types").FormItemSlots;
     inline: boolean;
@@ -545,7 +552,6 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     formItemTip: string;
     labelTip: string;
     information: boolean;
-    labelPosition: import("element-plus/es/utils/index.mjs").EpPropMergeType<StringConstructor, "" | "left" | "right" | "top", unknown>;
     inlineMessage: import("element-plus/es/utils/index.mjs").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     showMessage: import("element-plus/es/utils/index.mjs").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     disabled: import("element-plus/es/utils/index.mjs").EpPropMergeType<BooleanConstructor, unknown, unknown>;

package/components/var-datetime-picker/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const V=require("@vunk/form/components/form-item"),t=require("vue"),C=require("@vunk/form/composables"),F=require("@vunk/form/composables/element-plus"),w=require("vant"),b=require("@varlet/ui"),n=require("element-plus");require("vant/es/popup/style");require("@varlet/ui/es/date-picker/date-picker.css");require("@varlet/ui/es/time-picker/timePicker.css");const R=require("../_plugin-vue_export-helper.cjs"),Y={...V._VkfFormItemCtx.props,modelValue:null,readonly:Boolean,type:{type:String,default:"month"},allowedDates:{type:Function,default:void 0},useSeconds:Boolean,valueFormat:{type:String,default:"YYYY-MM-DD HH:mm"}},E={"update:modelValue":null},M=[{label:"日期",value:"date",format:"YYYY-MM-DD"},{label:"年",value:"year",format:"YYYY"},{label:"月",value:"month",format:"YYYY-MM"}],B=M.reduce((e,a)=>(e[a.value]=a,e),{}),I=[{label:"日期",value:"date",varDatePickerType:"date",isRange:!1},{label:"年",value:"year",varDatePickerType:"year",isRange:!1},{label:"月",value:"month",varDatePickerType:"month",isRange:!1},{value:"dates",label:"多选日期",varDatePickerType:"date",isRange:!1},{value:"week",label:"周",varDatePickerType:"date",isRange:!1},{value:"datetime",label:"日期时间",varDatePickerType:"date",isRange:!1,hasTime:!0},{value:"datetimerange",label:"日期时间范围",varDatePickerType:"date",isRange:!1,hasTime:!0},{value:"daterange",label:"日期范围",varDatePickerType:"date",isRange:!0},{value:"monthrange",label:"月范围",varDatePickerType:"month",isRange:!0}],k=I.reduce((e,a)=>(e[a.value]=a,e),{}),S=t.defineComponent({name:"VkfVarDatetimePicker",components:{VkfFormItem:V.VkfFormItem,ElDatePicker:n.ElDatePicker,DatePicker:b.DatePicker,TimePicker:b.TimePicker,Popup:w.Popup,ElTabPane:n.ElTabPane,ElTabs:n.ElTabs},props:Y,emits:E,setup(e,{emit:a}){const y=V._VkfFormItemCtx.createBindProps(e),{tr:P}=F.useLocale(),s=t.computed(()=>k[e.type].varDatePickerType),i=t.computed(()=>B[s.value].format),d=t.computed(()=>!!k[e.type].isRange),u=t.computed(()=>!!k[e.type].hasTime),m=()=>e.modelValue?n.dayjs(e.modelValue).format(i.value):"",c=()=>e.modelValue?n.dayjs(e.modelValue).format(e.useSeconds?"HH:mm:ss":"HH:mm"):"",p=r=>{if(!r)return"";const o=n.dayjs(r,i.value);return e.modelValue?n.dayjs(e.modelValue).year(o.year()).month(o.month()).date(o.date()).format(e.valueFormat):o.format(e.valueFormat)},v=r=>{if(!r)return"";const o=n.dayjs(r,e.useSeconds?"HH:mm:ss":"HH:mm");return e.modelValue?n.dayjs(e.modelValue).hour(o.hour()).minute(o.minute()).second(o.second()).format(e.valueFormat):o.format(e.valueFormat)},f=t.computed({get(){return m()},set(r){const o=p(r);a("update:modelValue",o)}}),l=t.computed({get(){return c()},set(r){const o=v(r);a("update:modelValue",o)}}),h=C.useComputedReadonly(e),T=t.ref(!1),D=t.ref("date");return{preInput:()=>{h.value||(e.modelValue&&u.value&&(D.value="time"),T.value=!0)},inputBlur:r=>{r.target.blur()},popupShow:T,formItemBindProps:y,varDatePickerType:s,isRange:d,hasTime:u,currentTab:D,valueTime:l,valueDate:f,tr:P}}});function q(e,a,y,P,s,i){const d=t.resolveComponent("ElDatePicker"),u=t.resolveComponent("DatePicker"),m=t.resolveComponent("ElTabPane"),c=t.resolveComponent("TimePicker"),p=t.resolveComponent("ElTabs"),v=t.resolveComponent("Popup"),f=t.resolveComponent("VkfFormItem");return t.openBlock(),t.createBlock(f,t.normalizeProps(t.guardReactiveProps(e.formItemBindProps)),{default:t.withCtx(()=>[t.createElementVNode("div",{onClickCapture:a[0]||(a[0]=(...l)=>e.preInput&&e.preInput(...l))},[t.createVNode(d,{"popper-class":"var-datetime-picker-el-popover","model-value":e.modelValue,type:e.type,readonly:!0,"value-format":e.valueFormat,onFocus:e.inputBlur},null,8,["model-value","type","value-format","onFocus"])],32),t.createVNode(v,{show:e.popupShow,"onUpdate:show":a[4]||(a[4]=l=>e.popupShow=l),position:"bottom",round:""},{default:t.withCtx(()=>[t.createVNode(p,{modelValue:e.currentTab,"onUpdate:modelValue":a[3]||(a[3]=l=>e.currentTab=l),class:t.normalizeClass(["var-datetime-picker-el-tabs",{"is-hidden":!e.hasTime}])},{default:t.withCtx(()=>[t.createVNode(m,{label:e.valueDate||e.tr("el.datepicker.selectDate","选择日期"),name:"date"},{default:t.withCtx(()=>[t.createVNode(u,{modelValue:e.valueDate,"onUpdate:modelValue":a[1]||(a[1]=l=>e.valueDate=l),type:e.varDatePickerType,range:e.isRange,"allowed-dates":e.allowedDates},null,8,["modelValue","type","range","allowed-dates"])]),_:1},8,["label"]),e.hasTime?(t.openBlock(),t.createBlock(m,{key:0,label:e.valueTime||e.tr("el.datepicker.selectTime","选择时间"),name:"time"},{default:t.withCtx(()=>[t.createVNode(c,{modelValue:e.valueTime,"onUpdate:modelValue":a[2]||(a[2]=l=>e.valueTime=l),format:"24hr"},null,8,["modelValue"])]),_:1},8,["label"])):t.createCommentVNode("",!0)]),_:1},8,["modelValue","class"])]),_:1},8,["show"])]),_:1},16)}const g=R._export_sfc(S,[["render",q]]),H=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"}));exports.VkfVarDatetimePicker=g;exports.__VkfVarDatetimePicker=H;exports.default=g;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const V=require("@vunk/form/components/form-item"),t=require("vue"),C=require("@vunk/form/composables"),F=require("@vunk/form/composables/element-plus"),w=require("vant"),b=require("@varlet/ui"),n=require("element-plus");require("vant/es/popup/style");require("@varlet/ui/es/date-picker/date-picker.css");require("@varlet/ui/es/time-picker/timePicker.css");const R=require("../_plugin-vue_export-helper-BHFhmbuH.js"),Y={...V._VkfFormItemCtx.props,modelValue:null,readonly:Boolean,type:{type:String,default:"month"},allowedDates:{type:Function,default:void 0},useSeconds:Boolean,valueFormat:{type:String,default:"YYYY-MM-DD HH:mm"}},E={"update:modelValue":null},M=[{label:"日期",value:"date",format:"YYYY-MM-DD"},{label:"年",value:"year",format:"YYYY"},{label:"月",value:"month",format:"YYYY-MM"}],B=M.reduce((e,a)=>(e[a.value]=a,e),{}),I=[{label:"日期",value:"date",varDatePickerType:"date",isRange:!1},{label:"年",value:"year",varDatePickerType:"year",isRange:!1},{label:"月",value:"month",varDatePickerType:"month",isRange:!1},{value:"dates",label:"多选日期",varDatePickerType:"date",isRange:!1},{value:"week",label:"周",varDatePickerType:"date",isRange:!1},{value:"datetime",label:"日期时间",varDatePickerType:"date",isRange:!1,hasTime:!0},{value:"datetimerange",label:"日期时间范围",varDatePickerType:"date",isRange:!1,hasTime:!0},{value:"daterange",label:"日期范围",varDatePickerType:"date",isRange:!0},{value:"monthrange",label:"月范围",varDatePickerType:"month",isRange:!0}],k=I.reduce((e,a)=>(e[a.value]=a,e),{}),S=t.defineComponent({name:"VkfVarDatetimePicker",components:{VkfFormItem:V.VkfFormItem,ElDatePicker:n.ElDatePicker,DatePicker:b.DatePicker,TimePicker:b.TimePicker,Popup:w.Popup,ElTabPane:n.ElTabPane,ElTabs:n.ElTabs},props:Y,emits:E,setup(e,{emit:a}){const y=V._VkfFormItemCtx.createBindProps(e),{tr:P}=F.useLocale(),s=t.computed(()=>k[e.type].varDatePickerType),i=t.computed(()=>B[s.value].format),d=t.computed(()=>!!k[e.type].isRange),u=t.computed(()=>!!k[e.type].hasTime),m=()=>e.modelValue?n.dayjs(e.modelValue).format(i.value):"",c=()=>e.modelValue?n.dayjs(e.modelValue).format(e.useSeconds?"HH:mm:ss":"HH:mm"):"",p=r=>{if(!r)return"";const o=n.dayjs(r,i.value);return e.modelValue?n.dayjs(e.modelValue).year(o.year()).month(o.month()).date(o.date()).format(e.valueFormat):o.format(e.valueFormat)},v=r=>{if(!r)return"";const o=n.dayjs(r,e.useSeconds?"HH:mm:ss":"HH:mm");return e.modelValue?n.dayjs(e.modelValue).hour(o.hour()).minute(o.minute()).second(o.second()).format(e.valueFormat):o.format(e.valueFormat)},f=t.computed({get(){return m()},set(r){const o=p(r);a("update:modelValue",o)}}),l=t.computed({get(){return c()},set(r){const o=v(r);a("update:modelValue",o)}}),h=C.useComputedReadonly(e),T=t.ref(!1),D=t.ref("date");return{preInput:()=>{h.value||(e.modelValue&&u.value&&(D.value="time"),T.value=!0)},inputBlur:r=>{r.target.blur()},popupShow:T,formItemBindProps:y,varDatePickerType:s,isRange:d,hasTime:u,currentTab:D,valueTime:l,valueDate:f,tr:P}}});function q(e,a,y,P,s,i){const d=t.resolveComponent("ElDatePicker"),u=t.resolveComponent("DatePicker"),m=t.resolveComponent("ElTabPane"),c=t.resolveComponent("TimePicker"),p=t.resolveComponent("ElTabs"),v=t.resolveComponent("Popup"),f=t.resolveComponent("VkfFormItem");return t.openBlock(),t.createBlock(f,t.normalizeProps(t.guardReactiveProps(e.formItemBindProps)),{default:t.withCtx(()=>[t.createElementVNode("div",{onClickCapture:a[0]||(a[0]=(...l)=>e.preInput&&e.preInput(...l))},[t.createVNode(d,{"popper-class":"var-datetime-picker-el-popover","model-value":e.modelValue,type:e.type,readonly:!0,"value-format":e.valueFormat,onFocus:e.inputBlur},null,8,["model-value","type","value-format","onFocus"])],32),t.createVNode(v,{show:e.popupShow,"onUpdate:show":a[4]||(a[4]=l=>e.popupShow=l),position:"bottom",round:""},{default:t.withCtx(()=>[t.createVNode(p,{modelValue:e.currentTab,"onUpdate:modelValue":a[3]||(a[3]=l=>e.currentTab=l),class:t.normalizeClass(["var-datetime-picker-el-tabs",{"is-hidden":!e.hasTime}])},{default:t.withCtx(()=>[t.createVNode(m,{label:e.valueDate||e.tr("el.datepicker.selectDate","选择日期"),name:"date"},{default:t.withCtx(()=>[t.createVNode(u,{modelValue:e.valueDate,"onUpdate:modelValue":a[1]||(a[1]=l=>e.valueDate=l),type:e.varDatePickerType,range:e.isRange,"allowed-dates":e.allowedDates},null,8,["modelValue","type","range","allowed-dates"])]),_:1},8,["label"]),e.hasTime?(t.openBlock(),t.createBlock(m,{key:0,label:e.valueTime||e.tr("el.datepicker.selectTime","选择时间"),name:"time"},{default:t.withCtx(()=>[t.createVNode(c,{modelValue:e.valueTime,"onUpdate:modelValue":a[2]||(a[2]=l=>e.valueTime=l),format:"24hr"},null,8,["modelValue"])]),_:1},8,["label"])):t.createCommentVNode("",!0)]),_:1},8,["modelValue","class"])]),_:1},8,["show"])]),_:1},16)}const g=R._export_sfc(S,[["render",q]]),H=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"}));exports.VkfVarDatetimePicker=g;exports.__VkfVarDatetimePicker=H;exports.default=g;

package/components/var-datetime-picker/index.mjs

@@ -8,7 +8,7 @@ import { ElTabs as N, ElTabPane as L, ElDatePicker as _, dayjs as m } from "elem
 import "vant/es/popup/style";
 import "@varlet/ui/es/date-picker/date-picker.css";
 import "@varlet/ui/es/time-picker/timePicker.css";
-import { _ as q } from "../_plugin-vue_export-helper.cjs";
+import { _ as q } from "../_plugin-vue_export-helper-CHgC5LLL.mjs";
 const A = {
   ...Y.props,
   modelValue: null,

package/components/var-datetime-picker/src/ctx.d.ts

@@ -17,9 +17,13 @@ export declare const props: {
         default: string;
     };
     required: import("element-plus/es/utils/index.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    labelPosition: {
+        type: PropType<"left" | "right" | "top" | "start" | "end">;
+        default: undefined;
+    };
     formItemSize: {
         type: PropType<"default" | "small" | "large">;
-        default: "default" | "small" | "large";
+        default: undefined;
     };
     formItemSlots: {
         type: PropType<import("../../form-item/src/types").FormItemSlots>;
@@ -55,7 +59,6 @@ export declare const props: {
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    labelPosition: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, "" | "left" | "right" | "top", unknown, "", boolean>;
     rules: {
         readonly type: PropType<import("element-plus/es/utils/index.mjs").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils/typescript.mjs").Arrayable<import("element-plus").FormItemRule>) | (((new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils/typescript.mjs").Arrayable<import("element-plus").FormItemRule>)) | null)[], unknown, unknown>>;
         readonly required: false;