hys-ui 0.6.0 → 0.8.0

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

@@ -1,19 +1,23 @@
-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({
+import { defineComponent as v, useSlots as c, ref as h, computed as p, openBlock as k, createBlock as $, mergeProps as B, toHandlers as g, unref as b, createSlots as w, withCtx as l, renderSlot as n, normalizeProps as s, guardReactiveProps as r, mergeDefaults as C } from "vue";
+import P from "../HysDatePicker/HysDatePickerControl.vue.js";
+import { datePickerDefaults as F } from "../../composables/datePicker.js";
+const O = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "HysDateRangePicker",
-  props: /* @__PURE__ */ P({
+  props: /* @__PURE__ */ C({
     popupTransition: {},
     popupTransitionDuration: {},
     modelValue: {},
+    value: {},
     defaultValue: {},
     clearValue: {},
+    emptyValues: {},
+    valueOnClear: { type: Function },
     type: {},
+    picker: {},
     valueType: {},
     valueFormat: {},
-    format: {},
+    format: { type: [String, Function, Array] },
     inputFormats: {},
     disabled: { type: [Boolean, Array] },
     readonly: { type: Boolean },
@@ -21,6 +25,7 @@ const T = /* @__PURE__ */ v({
     status: {},
     bordered: { type: Boolean },
     placeholder: {},
+    id: {},
     label: {},
     ariaLabel: {},
     name: {},
@@ -30,6 +35,9 @@ const T = /* @__PURE__ */ v({
     max: {},
     disabledDate: { type: Function },
     disabledTime: { type: Function },
+    disabledHours: { type: Function },
+    disabledMinutes: { type: Function },
+    disabledSeconds: { type: Function },
     firstDayOfWeek: {},
     firstWeekContainsDate: {},
     weekNumberFormatter: { type: Function },
@@ -38,27 +46,40 @@ const T = /* @__PURE__ */ v({
     locale: {},
     messages: {},
     showWeekNumbers: { type: Boolean },
+    showWeekNumber: { type: Boolean },
     showAdjacentDays: { type: Boolean },
     defaultPickerValue: {},
     panelValue: {},
+    panelValues: {},
     mode: {},
     defaultMode: {},
     shortcuts: {},
+    presets: {},
+    ranges: {},
+    shortcutPlacement: {},
     clearable: { type: Boolean },
+    allowClear: { type: Boolean },
     editable: { type: Boolean },
     inputReadonly: { type: Boolean },
     showOnFocus: { type: Boolean },
+    automaticDropdown: { type: Boolean },
     showToday: { type: Boolean },
     showNow: { type: Boolean },
     showFooter: { type: Boolean },
     showConfirm: { type: Boolean },
-    showTime: { type: Boolean },
+    showTime: { type: [Boolean, Object] },
     defaultTime: {},
+    dateFormat: {},
+    timeFormat: {},
+    use12Hours: { type: Boolean },
+    hideDisabledOptions: { type: Boolean },
+    arrowControl: { type: Boolean },
     hourStep: {},
     minuteStep: {},
     secondStep: {},
     showSeconds: { type: Boolean },
     rangeSeparator: {},
+    separator: {},
     startPlaceholder: {},
     endPlaceholder: {},
     allowEmpty: {},
@@ -73,23 +94,35 @@ const T = /* @__PURE__ */ v({
     inline: { type: Boolean },
     placement: {},
     appendTo: { type: [String, Boolean] },
+    teleported: { type: Boolean },
+    getPopupContainer: { type: Function },
+    fallbackPlacements: {},
+    popperOptions: {},
     popupWidth: {},
     popupClass: {},
+    popupClassName: {},
+    popperClass: {},
     popupStyle: {},
+    popperStyle: {},
+    prefixIcon: {},
+    clearIcon: {},
     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(
+  }, F),
+  emits: ["update:modelValue", "update:value", "change", "value-change", "update:open", "visible-change", "openChange", "update:panelValues", "update:panelValue", "update:mode", "panelChange", "calendarChange", "clear", "ok", "invalid", "focus", "blur"],
+  setup(u, { expose: i, emit: d }) {
+    const m = u, y = d;
+    c();
+    const o = h(), f = Object.fromEntries(
       [
         "update:modelValue",
+        "update:value",
         "change",
         "value-change",
         "update:open",
         "visible-change",
+        "openChange",
+        "update:panelValues",
         "update:panelValue",
         "update:mode",
         "panelChange",
@@ -101,10 +134,10 @@ const T = /* @__PURE__ */ v({
         "blur"
       ].map((e) => [
         e,
-        (...a) => f(e, ...a)
+        (...t) => y(e, ...t)
       ])
     );
-    return u({
+    return i({
       element: p(() => {
         var e;
         return (e = o.value) == null ? void 0 : e.element;
@@ -134,8 +167,8 @@ const T = /* @__PURE__ */ v({
         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);
+        var t;
+        return (t = o.value) == null ? void 0 : t.hide(e);
       },
       handleOpen: () => {
         var e;
@@ -150,8 +183,8 @@ const T = /* @__PURE__ */ v({
         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);
+        var t;
+        return ((t = o.value) == null ? void 0 : t.setValue(e)) ?? Promise.resolve(!1);
       },
       confirm: () => {
         var e;
@@ -162,119 +195,140 @@ const T = /* @__PURE__ */ v({
         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);
+        var t;
+        return ((t = o.value) == null ? void 0 : t.showMonth(e)) ?? Promise.resolve(!1);
       },
       setMode: (e) => {
-        var a;
-        return ((a = o.value) == null ? void 0 : a.setMode(e)) ?? !1;
+        var t;
+        return ((t = o.value) == null ? void 0 : t.setMode(e)) ?? !1;
       }
-    }), (e, a) => (k(), $(V, g({ ...m, ...e.$attrs }, {
+    }), (e, t) => (k(), $(P, B({ ...m, ...e.$attrs }, {
       range: !0,
       ref_key: "control",
       ref: o
-    }, B(w(y))), b({ _: 2 }, [
+    }, g(b(f))), w({ _: 2 }, [
       e.$slots.default ? {
         name: "default",
-        fn: l((s) => [
-          n(e.$slots, "default", t(r(s)))
+        fn: l((a) => [
+          n(e.$slots, "default", s(r(a)))
         ]),
         key: "0"
       } : void 0,
       e.$slots["week-number"] ? {
         name: "week-number",
-        fn: l((s) => [
-          n(e.$slots, "week-number", t(r(s)))
+        fn: l((a) => [
+          n(e.$slots, "week-number", s(r(a)))
         ]),
         key: "1"
       } : void 0,
       e.$slots.cell ? {
         name: "cell",
-        fn: l((s) => [
-          n(e.$slots, "cell", t(r(s)))
+        fn: l((a) => [
+          n(e.$slots, "cell", s(r(a)))
         ]),
         key: "2"
       } : void 0,
       e.$slots.header ? {
         name: "header",
-        fn: l((s) => [
-          n(e.$slots, "header", t(r(s)))
+        fn: l((a) => [
+          n(e.$slots, "header", s(r(a)))
         ]),
         key: "3"
       } : void 0,
+      e.$slots["extra-footer"] ? {
+        name: "extra-footer",
+        fn: l((a) => [
+          n(e.$slots, "extra-footer", s(r(a)))
+        ]),
+        key: "4"
+      } : void 0,
+      e.$slots["date-render"] ? {
+        name: "date-render",
+        fn: l((a) => [
+          n(e.$slots, "date-render", s(r(a)))
+        ]),
+        key: "5"
+      } : void 0,
+      e.$slots["month-cell-render"] ? {
+        name: "month-cell-render",
+        fn: l((a) => [
+          n(e.$slots, "month-cell-render", s(r(a)))
+        ]),
+        key: "6"
+      } : void 0,
       e.$slots.footer ? {
         name: "footer",
-        fn: l((s) => [
-          n(e.$slots, "footer", t(r(s)))
+        fn: l((a) => [
+          n(e.$slots, "footer", s(r(a)))
         ]),
-        key: "4"
+        key: "7"
       } : void 0,
       e.$slots.shortcut ? {
         name: "shortcut",
-        fn: l((s) => [
-          n(e.$slots, "shortcut", t(r(s)))
+        fn: l((a) => [
+          n(e.$slots, "shortcut", s(r(a)))
         ]),
-        key: "5"
+        key: "8"
       } : void 0,
       e.$slots.prefix ? {
         name: "prefix",
         fn: l(() => [
           n(e.$slots, "prefix")
         ]),
-        key: "6"
+        key: "9"
       } : void 0,
       e.$slots.suffix ? {
         name: "suffix",
         fn: l(() => [
           n(e.$slots, "suffix")
         ]),
-        key: "7"
+        key: "10"
       } : void 0,
       e.$slots["clear-icon"] ? {
         name: "clear-icon",
         fn: l(() => [
           n(e.$slots, "clear-icon")
         ]),
-        key: "8"
+        key: "11"
       } : void 0,
       e.$slots["prev-month"] ? {
         name: "prev-month",
         fn: l(() => [
           n(e.$slots, "prev-month")
         ]),
-        key: "9"
+        key: "12"
       } : void 0,
       e.$slots["next-month"] ? {
         name: "next-month",
         fn: l(() => [
           n(e.$slots, "next-month")
         ]),
-        key: "10"
+        key: "13"
       } : void 0,
       e.$slots["prev-year"] ? {
         name: "prev-year",
         fn: l(() => [
           n(e.$slots, "prev-year")
         ]),
-        key: "11"
+        key: "14"
       } : void 0,
       e.$slots["next-year"] ? {
         name: "next-year",
         fn: l(() => [
           n(e.$slots, "next-year")
         ]),
-        key: "12"
+        key: "15"
       } : void 0,
       e.$slots["range-separator"] ? {
         name: "range-separator",
         fn: l(() => [
           n(e.$slots, "range-separator")
         ]),
-        key: "13"
+        key: "16"
       } : void 0
     ]), 1040));
   }
 });
 export {
-  T as default
+  O as default
 };

package/dist/components/HysDescriptions/HysDescriptions.vue.js

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

package/dist/components/HysDescriptions/HysDescriptions2.vue.js

@@ -0,0 +1,146 @@
+import { defineComponent as A, useSlots as N, ref as B, useId as F, computed as S, openBlock as a, createElementBlock as i, mergeProps as d, unref as L, renderSlot as o, createTextVNode as u, toDisplayString as c, createCommentVNode as y, Fragment as M, renderList as W, normalizeStyle as f, createElementVNode as p, normalizeClass as $ } from "vue";
+import { useHysRootAttrs as I } from "../../config.js";
+import { resolveFormGrid as T } from "../../composables/formLayout.js";
+import { useContainerWidth as V } from "../../composables/useContainerWidth.js";
+const D = ["data-layout", "data-size", "data-bordered", "aria-label", "aria-labelledby"], E = {
+  key: 0,
+  class: "hys-descriptions-header"
+}, H = {
+  key: 1,
+  class: "hys-descriptions-extra"
+}, R = {
+  key: 1,
+  class: "hys-descriptions-list"
+}, G = {
+  key: 0,
+  "aria-hidden": "true"
+}, P = {
+  key: 2,
+  class: "hys-descriptions-empty"
+}, O = /* @__PURE__ */ A({
+  __name: "HysDescriptions",
+  props: {
+    items: { default: () => [] },
+    title: {},
+    extra: {},
+    columns: { default: () => ({ xs: 1, sm: 2, lg: 3 }) },
+    layout: { default: "horizontal" },
+    size: { default: "md" },
+    bordered: { type: Boolean },
+    colon: { type: Boolean },
+    labelWidth: {},
+    labelAlign: { default: "start" },
+    align: { default: "start" },
+    labelStyle: {},
+    contentStyle: {},
+    placeholder: { default: "—" },
+    emptyText: { default: "暂无详情" },
+    ariaLabel: {}
+  },
+  setup(l) {
+    const h = l, n = N(), v = B(), z = I(), g = F() + "-descriptions-title", C = V(v), m = S(() => T(h.columns, C.value)), b = S(
+      () => h.items.filter((e) => !e.hidden).map((e, s) => {
+        const t = e.value, r = e.format ? e.format(t, e) : t;
+        return {
+          item: e,
+          index: s,
+          value: t,
+          text: r == null || r === "" ? h.placeholder : String(r)
+        };
+      })
+    );
+    function k(e) {
+      return typeof e != "number" ? e : Number.isFinite(e) ? Math.max(0, e) + "px" : void 0;
+    }
+    function x(e, s) {
+      return Number.isFinite(e) ? Math.min(s, Math.max(1, Math.floor(e))) : 1;
+    }
+    function w(e) {
+      const { item: s } = e, t = x(
+        s.span === "full" ? m.value : s.span,
+        m.value
+      ), r = m.value === 1 ? 1 : x(s.rowSpan, b.value.length);
+      return {
+        gridColumn: "span " + t,
+        gridRow: "span " + r,
+        "--hys-description-field-label-width": k(s.labelWidth)
+      };
+    }
+    return (e, s) => (a(), i("section", d({
+      ref_key: "root",
+      ref: v
+    }, L(z), {
+      class: "hys-ui-descriptions",
+      "data-layout": l.layout,
+      "data-size": l.size,
+      "data-bordered": l.bordered || void 0,
+      "aria-label": l.ariaLabel,
+      "aria-labelledby": !l.ariaLabel && (l.title || n.title) ? g : void 0,
+      style: {
+        "--hys-descriptions-columns": m.value,
+        "--hys-descriptions-label-width": k(l.labelWidth)
+      }
+    }), [
+      l.title || l.extra || n.title || n.extra ? (a(), i("header", E, [
+        l.title || n.title ? (a(), i("div", {
+          key: 0,
+          id: g,
+          class: "hys-descriptions-title"
+        }, [
+          o(e.$slots, "title", {}, () => [
+            u(c(l.title), 1)
+          ], !0)
+        ])) : y("", !0),
+        l.extra || n.extra ? (a(), i("div", H, [
+          o(e.$slots, "extra", {}, () => [
+            u(c(l.extra), 1)
+          ], !0)
+        ])) : y("", !0)
+      ])) : y("", !0),
+      b.value.length ? (a(), i("dl", R, [
+        (a(!0), i(M, null, W(b.value, (t) => (a(), i("div", {
+          key: t.item.key,
+          class: "hys-descriptions-field",
+          style: f(w(t))
+        }, [
+          p("dt", {
+            class: $(["hys-descriptions-label", t.item.labelClass]),
+            style: f([
+              { textAlign: t.item.labelAlign ?? l.labelAlign },
+              l.labelStyle,
+              t.item.labelStyle
+            ])
+          }, [
+            o(e.$slots, `label-${t.item.key}`, d({ ref_for: !0 }, t), () => [
+              o(e.$slots, "label", d({ ref_for: !0 }, t), () => [
+                u(c(t.item.label), 1)
+              ], !0)
+            ], !0),
+            l.colon ? (a(), i("span", G, "：")) : y("", !0)
+          ], 6),
+          p("dd", {
+            class: $(["hys-descriptions-value", t.item.contentClass]),
+            style: f([
+              { textAlign: t.item.align ?? l.align },
+              l.contentStyle,
+              t.item.contentStyle
+            ])
+          }, [
+            o(e.$slots, `value-${t.item.key}`, d({ ref_for: !0 }, t), () => [
+              o(e.$slots, "value", d({ ref_for: !0 }, t), () => [
+                u(c(t.text), 1)
+              ], !0)
+            ], !0)
+          ], 6)
+        ], 4))), 128))
+      ])) : (a(), i("div", P, [
+        o(e.$slots, "empty", {}, () => [
+          u(c(l.emptyText), 1)
+        ], !0)
+      ]))
+    ], 16, D));
+  }
+});
+export {
+  O as default
+};

package/dist/components/HysForm/HysForm2.vue.js

@@ -1,12 +1,13 @@
 import { defineComponent as cl, ref as V, shallowRef as dl, computed as r, provide as vl, watch as Y, nextTick as G, onActivated as fl, onDeactivated as pl, onBeforeUnmount as gl, openBlock as qe, createElementBlock as Ie, mergeProps as ml, unref as bl, withModifiers as Le, createElementVNode as yl, renderSlot as _e, createCommentVNode as hl } from "vue";
 import { formPath as T, formKey as wl, formValue as g, setFormValue as Z, focusHysField as Fl } from "../../composables/formContext.js";
-import { useFormWidth as kl, resolveFormGrid as Ml, resolveFormCol as Ol } from "../../composables/formLayout.js";
+import { resolveFormGrid as kl, resolveFormCol as Ml } from "../../composables/formLayout.js";
 import { snapshotForm as d, sameFormValue as H, nestedFormRules as ze, runFormRules as $e } from "../../composables/formValidation.js";
-import { useHysRootAttrs as jl } from "../../config.js";
+import { useHysRootAttrs as Ol } from "../../config.js";
+import { useContainerWidth as jl } from "../../composables/useContainerWidth.js";
 const Bl = ["aria-busy"], Pl = ["disabled", "inert"], Vl = {
   key: 0,
   class: "hys-ui-ent-form-actions"
-}, Sl = /* @__PURE__ */ cl({
+}, Tl = /* @__PURE__ */ cl({
   __name: "HysForm",
   props: {
     model: {},
@@ -45,14 +46,14 @@ const Bl = ["aria-busy"], Pl = ["disabled", "inert"], Vl = {
   },
   emits: ["submit", "invalid", "reset", "validate", "validation"],
   setup(N, { expose: Ge, emit: He }) {
-    const a = N, D = He, Ne = jl(), ee = V(), v = V({}), f = V({}), p = V({}), M = V(!1), ce = V(!1), E = V(!1), O = V({}), j = V({}), m = dl([]), R = /* @__PURE__ */ new Map(), w = /* @__PURE__ */ new Map(), de = /* @__PURE__ */ new Set(), W = /* @__PURE__ */ new Map(), K = /* @__PURE__ */ new Map(), le = r(
+    const a = N, D = He, Ne = Ol(), ee = V(), v = V({}), f = V({}), p = V({}), M = V(!1), ce = V(!1), E = V(!1), O = V({}), j = V({}), m = dl([]), R = /* @__PURE__ */ new Map(), w = /* @__PURE__ */ new Map(), de = /* @__PURE__ */ new Set(), W = /* @__PURE__ */ new Map(), K = /* @__PURE__ */ new Map(), le = r(
       () => Object.fromEntries(
         Object.entries(a.rules).map(([e, l]) => [T(e), l])
       )
     ), x = r(() => !!(a.disabled || a.loading)), ve = r(
       () => typeof a.labelWidth == "number" ? a.labelWidth + "px" : a.labelWidth
-    ), te = kl(ee), we = r(
-      () => Ml(a.columns, te.value)
+    ), te = jl(ee), we = r(
+      () => kl(a.columns, te.value)
     ), De = r(
       () => a.layout === "inline" || !a.layout && a.inline
     ), ae = r(
@@ -76,7 +77,7 @@ const Bl = ["aria-busy"], Pl = ["disabled", "inert"], Vl = {
     const ke = r(
       () => ve.value === "auto" ? Fe.value : ve.value
     ), Je = r(() => {
-      const e = Ol(a.labelCol, te.value);
+      const e = Ml(a.labelCol, te.value);
       return {
         "--hys-ui-form-label-width": ke.value,
         "--hys-ui-form-columns": we.value,
@@ -607,5 +608,5 @@ const Bl = ["aria-busy"], Pl = ["disabled", "inert"], Vl = {
   }
 });
 export {
-  Sl as default
+  Tl as default
 };