hys-ui 0.1.1 → 0.3.0

package/dist/components/HysDatePicker/HysDatePicker.vue.js

@@ -1,149 +1,280 @@
-import { defineComponent as z, ref as D, computed as E, watch as H, openBlock as s, createElementBlock as c, mergeProps as V, unref as i, createElementVNode as r, normalizeClass as A, toDisplayString as T, createVNode as S, createBlock as L, Teleport as P, withCtx as j, Fragment as F, renderList as M, createCommentVNode as N, nextTick as G } from "vue";
-import { useHysRootAttrs as I } from "../../config.js";
-import { CalendarDays as J } from "lucide-vue-next";
-import O from "../HysCalendarNavigation/HysCalendarNavigation.vue.js";
-import { useFloating as Q } from "../../composables/useFloating.js";
-const W = ["disabled", "aria-label", "aria-expanded"], X = ["aria-label"], _ = {
-  class: "hys-ui-pf-calendar-week",
-  "aria-hidden": "true"
-}, ee = { class: "hys-ui-pf-calendar-grid" }, te = ["data-date", "aria-label", "aria-pressed", "aria-current", "disabled", "onClick", "onKeydown"], ae = { class: "hys-ui-pf-calendar-footer" }, ne = ["disabled"], ue = /* @__PURE__ */ z({
+import { defineComponent as v, useSlots as h, ref as c, computed as p, openBlock as k, createBlock as $, mergeProps as B, toHandlers as g, unref as w, createSlots as b, withCtx as l, renderSlot as n, normalizeProps as t, guardReactiveProps as r, mergeDefaults as P } from "vue";
+import V from "./HysDatePickerControl.vue.js";
+import { datePickerDefaults as C } from "../../composables/datePicker.js";
+const T = /* @__PURE__ */ v({
+  inheritAttrs: !1,
   __name: "HysDatePicker",
-  props: {
+  props: /* @__PURE__ */ P({
+    popupTransition: {},
+    popupTransitionDuration: {},
     modelValue: {},
-    disabled: { type: Boolean },
-    min: {},
-    max: {},
+    defaultValue: {},
+    clearValue: {},
+    type: {},
+    valueType: {},
+    valueFormat: {},
+    format: {},
+    inputFormats: {},
+    disabled: { type: [Boolean, Array] },
+    readonly: { type: Boolean },
+    size: {},
+    status: {},
+    bordered: { type: Boolean },
     placeholder: {},
     label: {},
+    ariaLabel: {},
+    name: {},
+    form: {},
+    autofocus: { type: Boolean },
+    min: {},
+    max: {},
+    disabledDate: { type: Function },
+    disabledTime: { type: Function },
+    firstDayOfWeek: {},
+    firstWeekContainsDate: {},
+    weekNumberFormatter: { type: Function },
+    disabledWeek: { type: Function },
+    weekValidation: {},
+    locale: {},
+    messages: {},
+    showWeekNumbers: { type: Boolean },
+    showAdjacentDays: { type: Boolean },
+    defaultPickerValue: {},
+    panelValue: {},
+    mode: {},
+    defaultMode: {},
+    shortcuts: {},
     clearable: { type: Boolean },
-    disabledDate: { type: Function }
-  },
-  emits: ["update:modelValue"],
-  setup(o, { emit: B }) {
-    const k = I(), a = o, w = B, U = D(), m = D(), { open: v, style: $, show: Y, close: f } = Q(U, m), p = /* @__PURE__ */ new Date();
-    function C(e) {
-      return [e.getUTCFullYear(), String(e.getUTCMonth() + 1).padStart(2, "0"), String(e.getUTCDate()).padStart(2, "0")].join("-");
-    }
-    const u = C(new Date(Date.UTC(p.getFullYear(), p.getMonth(), p.getDate()))), d = D(/* @__PURE__ */ new Date(u + "T00:00:00Z"));
-    function h(e) {
-      var n;
-      return !!(a.min && e < a.min || a.max && e > a.max || (n = a.disabledDate) != null && n.call(a, /* @__PURE__ */ new Date(e + "T00:00:00Z")));
-    }
-    const Z = E(() => {
-      const e = new Date(Date.UTC(d.value.getUTCFullYear(), d.value.getUTCMonth(), 1));
-      return Array.from({ length: 42 }, (n, t) => {
-        const l = new Date(Date.UTC(e.getUTCFullYear(), e.getUTCMonth(), t - (e.getUTCDay() + 6) % 7 + 1));
-        return { value: C(l), day: l.getUTCDate(), outside: l.getUTCMonth() !== e.getUTCMonth() };
-      });
-    });
-    async function q() {
-      var l, y, b;
-      if (a.disabled) return;
-      if (v.value) {
-        f();
-        return;
+    editable: { type: Boolean },
+    inputReadonly: { type: Boolean },
+    showOnFocus: { type: Boolean },
+    showToday: { type: Boolean },
+    showNow: { type: Boolean },
+    showFooter: { type: Boolean },
+    showConfirm: { type: Boolean },
+    showTime: { type: Boolean },
+    defaultTime: {},
+    hourStep: {},
+    minuteStep: {},
+    secondStep: {},
+    showSeconds: { type: Boolean },
+    rangeSeparator: {},
+    startPlaceholder: {},
+    endPlaceholder: {},
+    allowEmpty: {},
+    singlePanel: { type: Boolean },
+    unlinkPanels: { type: Boolean },
+    minRangeDays: {},
+    maxRangeDays: {},
+    rangeValidation: {},
+    maxDates: {},
+    open: { type: Boolean },
+    defaultOpen: { type: Boolean },
+    inline: { type: Boolean },
+    placement: {},
+    appendTo: { type: [String, Boolean] },
+    popupWidth: {},
+    popupClass: {},
+    popupStyle: {},
+    validateEvent: { type: Boolean },
+    cellClassName: { type: Function }
+  }, C),
+  emits: ["update:modelValue", "change", "value-change", "update:open", "visible-change", "update:panelValue", "update:mode", "panelChange", "calendarChange", "clear", "ok", "invalid", "focus", "blur"],
+  setup(i, { expose: u, emit: d }) {
+    const m = i, f = d;
+    h();
+    const o = c(), y = Object.fromEntries(
+      [
+        "update:modelValue",
+        "change",
+        "value-change",
+        "update:open",
+        "visible-change",
+        "update:panelValue",
+        "update:mode",
+        "panelChange",
+        "calendarChange",
+        "clear",
+        "ok",
+        "invalid",
+        "focus",
+        "blur"
+      ].map((e) => [
+        e,
+        (...a) => f(e, ...a)
+      ])
+    );
+    return u({
+      element: p(() => {
+        var e;
+        return (e = o.value) == null ? void 0 : e.element;
+      }),
+      open: p(() => {
+        var e;
+        return ((e = o.value) == null ? void 0 : e.open) ?? !1;
+      }),
+      value: p(() => {
+        var e;
+        return (e = o.value) == null ? void 0 : e.value;
+      }),
+      draft: p(() => {
+        var e;
+        return ((e = o.value) == null ? void 0 : e.draft) ?? [];
+      }),
+      focus: () => {
+        var e;
+        return (e = o.value) == null ? void 0 : e.focus();
+      },
+      blur: () => {
+        var e;
+        return (e = o.value) == null ? void 0 : e.blur();
+      },
+      show: () => {
+        var e;
+        return ((e = o.value) == null ? void 0 : e.show()) ?? Promise.resolve(!1);
+      },
+      hide: (e = !1) => {
+        var a;
+        return (a = o.value) == null ? void 0 : a.hide(e);
+      },
+      handleOpen: () => {
+        var e;
+        return ((e = o.value) == null ? void 0 : e.show()) ?? Promise.resolve(!1);
+      },
+      handleClose: () => {
+        var e;
+        return (e = o.value) == null ? void 0 : e.hide();
+      },
+      clear: () => {
+        var e;
+        return ((e = o.value) == null ? void 0 : e.clear()) ?? Promise.resolve(!1);
+      },
+      setValue: (e) => {
+        var a;
+        return ((a = o.value) == null ? void 0 : a.setValue(e)) ?? Promise.resolve(!1);
+      },
+      confirm: () => {
+        var e;
+        return ((e = o.value) == null ? void 0 : e.confirm()) ?? Promise.resolve(!1);
+      },
+      cancel: () => {
+        var e;
+        return (e = o.value) == null ? void 0 : e.cancel();
+      },
+      showMonth: (e) => {
+        var a;
+        return ((a = o.value) == null ? void 0 : a.showMonth(e)) ?? Promise.resolve(!1);
+      },
+      setMode: (e) => {
+        var a;
+        return ((a = o.value) == null ? void 0 : a.setMode(e)) ?? !1;
       }
-      let e = a.modelValue || u;
-      a.min && e < a.min && (e = a.min), a.max && e > a.max && (e = a.max);
-      const n = /* @__PURE__ */ new Date(e + "T00:00:00Z");
-      Number.isNaN(n.getTime()) || (d.value = n), await Y(), (b = Array.from(((l = m.value) == null ? void 0 : l.querySelectorAll("[data-date]:not(:disabled)")) || []).find((g) => g.dataset.date === e) || ((y = m.value) == null ? void 0 : y.querySelector("[data-date]:not(:disabled)"))) == null || b.focus();
-    }
-    function x(e) {
-      a.disabled || h(e) || (w("update:modelValue", e), f(!0));
-    }
-    async function K(e, n) {
-      var b, g;
-      const t = { ArrowLeft: -1, ArrowRight: 1, ArrowUp: -7, ArrowDown: 7 };
-      if (!(e.key in t)) return;
-      e.preventDefault();
-      const l = /* @__PURE__ */ new Date(n + "T00:00:00Z");
-      l.setUTCDate(l.getUTCDate() + t[e.key]);
-      const y = C(l);
-      h(y) || (d.value = l, await G(), (g = Array.from(((b = m.value) == null ? void 0 : b.querySelectorAll("[data-date]")) || []).find((R) => R.dataset.date === y)) == null || g.focus());
-    }
-    return H(() => a.disabled, (e) => {
-      e && f();
-    }), (e, n) => (s(), c("div", V(i(k), { class: "hys-ui-pf-date-picker" }), [
-      r("button", {
-        ref_key: "trigger",
-        ref: U,
-        type: "button",
-        class: "hys-ui-v4-control hys-ui-pf-select-trigger",
-        disabled: o.disabled,
-        "aria-label": o.label || "选择日期",
-        "aria-haspopup": "dialog",
-        "aria-expanded": i(v),
-        onClick: q
-      }, [
-        r("span", {
-          class: A({ "hys-ui-pf-placeholder": !o.modelValue })
-        }, T(o.modelValue || o.placeholder || "选择日期"), 3),
-        S(i(J), {
-          size: 16,
-          class: "hys-ui-pf-select-icon",
-          "aria-hidden": "true"
-        })
-      ], 8, W),
-      (s(), L(P, { to: "body" }, [
-        i(v) ? (s(), c("div", V({ key: 0 }, i(k), {
-          ref_key: "panel",
-          ref: m,
-          class: "hys-ui-v4-menu hys-ui-pf-calendar",
-          style: i($),
-          role: "dialog",
-          "aria-label": o.label || "选择日期"
-        }), [
-          S(O, {
-            month: d.value,
-            "onUpdate:month": n[0] || (n[0] = (t) => d.value = t),
-            min: o.min,
-            max: o.max
-          }, {
-            default: j(() => [
-              r("div", _, [
-                (s(), c(F, null, M(["一", "二", "三", "四", "五", "六", "日"], (t) => r("span", { key: t }, T(t), 1)), 64))
-              ]),
-              r("div", ee, [
-                (s(!0), c(F, null, M(Z.value, (t) => (s(), c("button", {
-                  key: t.value,
-                  type: "button",
-                  "data-date": t.value,
-                  "aria-label": t.value,
-                  "aria-pressed": t.value === o.modelValue,
-                  "aria-current": t.value === i(u) ? "date" : void 0,
-                  disabled: h(t.value),
-                  class: A({ "hys-ui-is-outside": t.outside, "hys-ui-is-selected": t.value === o.modelValue, "hys-ui-is-today": t.value === i(u) }),
-                  onClick: (l) => x(t.value),
-                  onKeydown: (l) => K(l, t.value)
-                }, T(t.day), 43, te))), 128))
-              ])
-            ]),
-            _: 1
-          }, 8, ["month", "min", "max"]),
-          o.clearable ? (s(), c("button", {
-            key: 0,
-            type: "button",
-            class: "hys-ui-v4-option",
-            onClick: n[1] || (n[1] = (t) => {
-              w("update:modelValue", ""), i(f)(!0);
-            })
-          }, "清空")) : N("", !0),
-          r("div", ae, [
-            r("button", {
-              type: "button",
-              disabled: h(i(u)),
-              onClick: n[2] || (n[2] = (t) => x(i(u)))
-            }, "今天", 8, ne),
-            r("button", {
-              type: "button",
-              onClick: n[3] || (n[3] = (t) => i(f)(!0))
-            }, "关闭")
-          ])
-        ], 16, X)) : N("", !0)
-      ]))
-    ], 16));
+    }), (e, a) => (k(), $(V, B({ ...m, ...e.$attrs }, {
+      range: !1,
+      ref_key: "control",
+      ref: o
+    }, g(w(y))), b({ _: 2 }, [
+      e.$slots.default ? {
+        name: "default",
+        fn: l((s) => [
+          n(e.$slots, "default", t(r(s)))
+        ]),
+        key: "0"
+      } : void 0,
+      e.$slots["week-number"] ? {
+        name: "week-number",
+        fn: l((s) => [
+          n(e.$slots, "week-number", t(r(s)))
+        ]),
+        key: "1"
+      } : void 0,
+      e.$slots.cell ? {
+        name: "cell",
+        fn: l((s) => [
+          n(e.$slots, "cell", t(r(s)))
+        ]),
+        key: "2"
+      } : void 0,
+      e.$slots.header ? {
+        name: "header",
+        fn: l((s) => [
+          n(e.$slots, "header", t(r(s)))
+        ]),
+        key: "3"
+      } : void 0,
+      e.$slots.footer ? {
+        name: "footer",
+        fn: l((s) => [
+          n(e.$slots, "footer", t(r(s)))
+        ]),
+        key: "4"
+      } : void 0,
+      e.$slots.shortcut ? {
+        name: "shortcut",
+        fn: l((s) => [
+          n(e.$slots, "shortcut", t(r(s)))
+        ]),
+        key: "5"
+      } : void 0,
+      e.$slots.prefix ? {
+        name: "prefix",
+        fn: l(() => [
+          n(e.$slots, "prefix")
+        ]),
+        key: "6"
+      } : void 0,
+      e.$slots.suffix ? {
+        name: "suffix",
+        fn: l(() => [
+          n(e.$slots, "suffix")
+        ]),
+        key: "7"
+      } : void 0,
+      e.$slots["clear-icon"] ? {
+        name: "clear-icon",
+        fn: l(() => [
+          n(e.$slots, "clear-icon")
+        ]),
+        key: "8"
+      } : void 0,
+      e.$slots["prev-month"] ? {
+        name: "prev-month",
+        fn: l(() => [
+          n(e.$slots, "prev-month")
+        ]),
+        key: "9"
+      } : void 0,
+      e.$slots["next-month"] ? {
+        name: "next-month",
+        fn: l(() => [
+          n(e.$slots, "next-month")
+        ]),
+        key: "10"
+      } : void 0,
+      e.$slots["prev-year"] ? {
+        name: "prev-year",
+        fn: l(() => [
+          n(e.$slots, "prev-year")
+        ]),
+        key: "11"
+      } : void 0,
+      e.$slots["next-year"] ? {
+        name: "next-year",
+        fn: l(() => [
+          n(e.$slots, "next-year")
+        ]),
+        key: "12"
+      } : void 0,
+      e.$slots["range-separator"] ? {
+        name: "range-separator",
+        fn: l(() => [
+          n(e.$slots, "range-separator")
+        ]),
+        key: "13"
+      } : void 0
+    ]), 1040));
   }
 });
 export {
-  ue as default
+  T as default
 };

package/dist/components/HysDatePicker/HysDatePickerControl.vue.js

@@ -0,0 +1,7 @@
+import o from "./HysDatePickerControl2.vue.js";
+/* empty css                          */
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-fe515491"]]);
+export {
+  f as default
+};