hys-ui 0.1.0 → 0.2.0

package/dist/components/HysDateRangePicker/HysDateRangePicker.vue.js

@@ -1,168 +1,278 @@
-import { defineComponent as J, ref as s, computed as V, watch as O, openBlock as u, createElementBlock as v, mergeProps as N, unref as o, createElementVNode as r, normalizeClass as $, toDisplayString as b, createVNode as E, createBlock as Q, Teleport as W, withCtx as X, Fragment as R, renderList as Y, createCommentVNode as Z, nextTick as ee } from "vue";
-import { useHysRootAttrs as te } from "../../config.js";
-import { CalendarDays as ae } from "lucide-vue-next";
-import ne from "../HysCalendarNavigation/HysCalendarNavigation.vue.js";
-import { useFloating as le } from "../../composables/useFloating.js";
-const oe = ["disabled", "aria-label", "aria-expanded"], re = ["aria-label"], ie = {
-  class: "hys-ui-pf-range-instruction",
-  role: "status"
-}, se = {
-  class: "hys-ui-pf-calendar-week",
-  "aria-hidden": "true"
-}, ue = { class: "hys-ui-pf-calendar-grid" }, de = ["data-date", "aria-label", "aria-pressed", "aria-current", "disabled", "onMouseenter", "onFocus", "onClick", "onKeydown"], ce = { class: "hys-ui-pf-calendar-footer" }, fe = { class: "hys-ui-pf-range-summary" }, ye = /* @__PURE__ */ J({
+import { defineComponent as v, useSlots as h, ref as c, computed as p, openBlock as k, createBlock as $, mergeProps as g, toHandlers as B, 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 "../HysDatePicker/HysDatePickerControl.vue.js";
+import { datePickerDefaults as C } from "../../composables/datePicker.js";
+const T = /* @__PURE__ */ v({
+  inheritAttrs: !1,
   __name: "HysDateRangePicker",
-  props: {
+  props: /* @__PURE__ */ P({
     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(i, { emit: j }) {
-    const F = te(), a = i, S = j, M = s(), p = s(), { open: U, style: q, show: K, close: g } = le(M, p), d = s(""), C = s(""), c = s(!1), f = s(""), D = V(() => {
-      const e = c.value ? f.value || d.value : C.value;
-      return [d.value, e].filter(Boolean).sort();
-    }), _ = V(() => a.modelValue.filter(Boolean).join(" 至 "));
-    function z(e) {
-      return D.value.length === 2 && e >= D.value[0] && e <= D.value[1];
-    }
-    function B(e) {
-      return e === d.value || e === (c.value ? f.value : C.value);
-    }
-    const x = /* @__PURE__ */ new Date();
-    function A(e) {
-      return [e.getUTCFullYear(), String(e.getUTCMonth() + 1).padStart(2, "0"), String(e.getUTCDate()).padStart(2, "0")].join("-");
-    }
-    const T = A(new Date(Date.UTC(x.getFullYear(), x.getMonth(), x.getDate()))), m = s(/* @__PURE__ */ new Date(T + "T00:00:00Z"));
-    function w(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 H = V(() => {
-      const e = new Date(Date.UTC(m.value.getUTCFullYear(), m.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: A(l), day: l.getUTCDate(), outside: l.getUTCMonth() !== e.getUTCMonth() };
-      });
-    });
-    async function L() {
-      var l, h, y;
-      if (a.disabled) return;
-      if (U.value) {
-        g();
-        return;
-      }
-      d.value = a.modelValue[0], C.value = a.modelValue[1], c.value = !1, f.value = "";
-      let e = a.modelValue[0] || T;
-      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()) || (m.value = n), await K(), (y = Array.from(((l = p.value) == null ? void 0 : l.querySelectorAll("[data-date]:not(:disabled)")) || []).find((k) => k.dataset.date === e) || ((h = p.value) == null ? void 0 : h.querySelector("[data-date]:not(:disabled)"))) == null || y.focus();
-    }
-    function P(e) {
-      if (a.disabled || w(e)) return;
-      if (!c.value) {
-        d.value = e, C.value = "", f.value = e, c.value = !0;
-        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(u, { expose: i, emit: d }) {
+    const m = u, 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 i({
+      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;
       }
-      const n = [d.value, e].sort();
-      S("update:modelValue", n), g(!0);
-    }
-    async function G(e, n) {
-      var y, k;
-      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 h = A(l);
-      w(h) || (m.value = l, await ee(), (k = Array.from(((y = p.value) == null ? void 0 : y.querySelectorAll("[data-date]")) || []).find((I) => I.dataset.date === h)) == null || k.focus());
-    }
-    return O(() => a.disabled, (e) => {
-      e && g();
-    }), (e, n) => (u(), v("div", N(o(F), { class: "hys-ui-pf-date-picker" }), [
-      r("button", {
-        ref_key: "trigger",
-        ref: M,
-        type: "button",
-        class: "hys-ui-v4-control hys-ui-pf-select-trigger",
-        disabled: i.disabled,
-        "aria-label": i.label || "选择日期范围",
-        "aria-haspopup": "dialog",
-        "aria-expanded": o(U),
-        onClick: L
-      }, [
-        r("span", {
-          class: $({ "hys-ui-pf-placeholder": !_.value })
-        }, b(_.value || i.placeholder || "开始日期 至 结束日期"), 3),
-        E(o(ae), {
-          size: 16,
-          class: "hys-ui-pf-select-icon",
-          "aria-hidden": "true"
-        })
-      ], 8, oe),
-      (u(), Q(W, { to: "body" }, [
-        o(U) ? (u(), v("div", N({ key: 0 }, o(F), {
-          ref_key: "panel",
-          ref: p,
-          class: "hys-ui-v4-menu hys-ui-pf-calendar hys-ui-pf-range-calendar",
-          style: o(q),
-          role: "dialog",
-          "aria-label": i.label || "选择日期范围"
-        }), [
-          E(ne, {
-            month: m.value,
-            "onUpdate:month": n[0] || (n[0] = (t) => m.value = t),
-            min: i.min,
-            max: i.max
-          }, {
-            default: X(() => [
-              r("p", ie, b(c.value ? "请选择结束日期" : "请选择开始日期"), 1),
-              r("div", se, [
-                (u(), v(R, null, Y(["一", "二", "三", "四", "五", "六", "日"], (t) => r("span", { key: t }, b(t), 1)), 64))
-              ]),
-              r("div", ue, [
-                (u(!0), v(R, null, Y(H.value, (t) => (u(), v("button", {
-                  key: t.value,
-                  type: "button",
-                  "data-date": t.value,
-                  "aria-label": t.value,
-                  "aria-pressed": B(t.value),
-                  "aria-current": t.value === o(T) ? "date" : void 0,
-                  disabled: w(t.value),
-                  class: $({ "hys-ui-is-outside": t.outside, "hys-ui-is-selected": B(t.value), "hys-ui-is-in-range": z(t.value), "hys-ui-is-today": t.value === o(T) }),
-                  onMouseenter: (l) => !w(t.value) && (f.value = t.value),
-                  onFocus: (l) => f.value = t.value,
-                  onClick: (l) => P(t.value),
-                  onKeydown: (l) => G(l, t.value)
-                }, b(t.day), 43, de))), 128))
-              ])
-            ]),
-            _: 1
-          }, 8, ["month", "min", "max"]),
-          i.clearable ? (u(), v("button", {
-            key: 0,
-            type: "button",
-            class: "hys-ui-v4-option",
-            onClick: n[1] || (n[1] = (t) => {
-              S("update:modelValue", ["", ""]), o(g)(!0);
-            })
-          }, "清空")) : Z("", !0),
-          r("div", ce, [
-            r("span", fe, b(D.value.join(" 至 ") || "请选择日期范围"), 1),
-            r("button", {
-              type: "button",
-              onClick: n[2] || (n[2] = (t) => o(g)(!0))
-            }, "取消")
-          ])
-        ], 16, re)) : Z("", !0)
-      ]))
-    ], 16));
+    }), (e, a) => (k(), $(V, g({ ...m, ...e.$attrs }, {
+      range: !0,
+      ref_key: "control",
+      ref: o
+    }, B(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 {
-  ye as default
+  T as default
 };

package/dist/components/HysDivider/HysDivider.vue.js

@@ -1,7 +1,7 @@
 import o from "./HysDivider2.vue.js";
 /* empty css                */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-c27000f3"]]);
+const i = /* @__PURE__ */ r(o, [["__scopeId", "data-v-2e2cedc9"]]);
 export {
-  m as default
+  i as default
 };

package/dist/components/HysDivider/HysDivider2.vue.js

@@ -1,28 +1,48 @@
-import { defineComponent as a, openBlock as o, createElementBlock as i, mergeProps as n, unref as d, renderSlot as s, createTextVNode as l, toDisplayString as c, createCommentVNode as u } from "vue";
-import { useHysRootAttrs as h } from "../../config.js";
-const m = ["aria-orientation"], f = { key: 0 }, k = /* @__PURE__ */ a({
+import { defineComponent as d, computed as s, openBlock as o, createElementBlock as r, mergeProps as l, unref as u, renderSlot as c, createTextVNode as y, toDisplayString as h, createCommentVNode as m } from "vue";
+import { useHysRootAttrs as v } from "../../config.js";
+const f = ["aria-orientation"], g = {
+  key: 0,
+  class: "hys-ui-divider-text"
+}, M = /* @__PURE__ */ d({
   __name: "HysDivider",
   props: {
     label: {},
     direction: { default: "horizontal" },
     dashed: { type: Boolean },
-    orientation: { default: "center" }
+    orientation: { default: "center" },
+    borderStyle: {},
+    orientationMargin: {},
+    plain: { type: Boolean },
+    size: { default: "md" }
   },
   setup(e) {
-    const r = h();
-    return (t, y) => (o(), i("div", n(d(r), {
-      class: ["hys-ui-ex-divider", ["hys-ui-divider-" + e.direction, "hys-ui-divider-" + e.orientation, { "hys-ui-divider-dashed": e.dashed }]],
+    const n = v(), i = e, a = s(() => ({
+      "--hys-ui-divider-line": i.borderStyle ?? (i.dashed ? "dashed" : "solid"),
+      "--hys-ui-divider-width": i.borderStyle === "double" ? "3px" : "1px",
+      "--hys-ui-divider-margin": typeof i.orientationMargin == "number" ? Math.max(0, i.orientationMargin) + "px" : i.orientationMargin
+    }));
+    return (t, b) => (o(), r("div", l(u(n), {
+      class: ["hys-ui-ex-divider", [
+        "hys-ui-divider-" + e.direction,
+        "hys-ui-divider-" + e.orientation,
+        "hys-ui-divider-" + e.size,
+        {
+          "hys-ui-divider-plain": e.plain,
+          "hys-ui-divider-custom-margin": e.orientationMargin !== void 0
+        }
+      ]],
+      style: a.value,
       role: "separator",
       "aria-orientation": e.direction
     }), [
-      e.label || t.$slots.default ? (o(), i("span", f, [
-        s(t.$slots, "default", {}, () => [
-          l(c(e.label), 1)
+      e.direction === "horizontal" && (e.label || t.$slots.default) ? (o(), r("span", g, [
+        c(t.$slots, "default", {}, () => [
+          y(h(e.label), 1)
         ], !0)
-      ])) : u("", !0)
-    ], 16, m));
+      ])) : m("", !0)
+    ], 16, f));
   }
 });
 export {
-  k as default
+  M as default
 };

package/dist/components/HysDrawer/HysDrawer.vue.js

@@ -1,7 +1,7 @@
 import o from "./HysDrawer2.vue.js";
 /* empty css               */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-76c29405"]]);
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-8ba9617d"]]);
 export {
   p as default
 };