hys-ui 0.1.1 → 0.2.0

package/dist/components/HysOrgTree/HysOrgTree.vue.js

@@ -1,58 +1,61 @@
-import { defineComponent as h, computed as k, openBlock as y, createBlock as b, mergeProps as I, unref as g } from "vue";
-import { useHysRootAttrs as v } from "../../config.js";
-import K from "../HysTree/HysTree.vue.js";
-const x = /* @__PURE__ */ h({
+import { defineComponent as k, computed as y, openBlock as I, createBlock as g, mergeProps as v, unref as p } from "vue";
+import { useHysControlState as B } from "../../composables/formContext.js";
+import { useHysRootAttrs as K } from "../../config.js";
+import V from "../HysTree/HysTree.vue.js";
+const C = /* @__PURE__ */ k({
   __name: "HysOrgTree",
   props: {
     nodes: {},
     modelValue: {},
     searchable: { type: Boolean, default: !0 },
     checkable: { type: Boolean },
-    checkedKeys: {}
+    checkedKeys: {},
+    disabled: { type: Boolean }
   },
   emits: ["update:modelValue", "update:checkedKeys"],
-  setup(d, { emit: i }) {
-    const p = v(), m = d, n = i, f = k(() => {
-      var l;
-      const a = /* @__PURE__ */ new Map();
-      for (const e of m.nodes) a.has(e.id) || a.set(e.id, e);
+  setup(d, { emit: m }) {
+    const f = K(), n = d, { disabled: h } = B(n), l = m, b = y(() => {
+      var c;
+      const o = /* @__PURE__ */ new Map();
+      for (const e of n.nodes) o.has(e.id) || o.set(e.id, e);
       const t = /* @__PURE__ */ new Map();
-      for (const e of a.values()) t.has(e.id) || t.set(e.id, { id: e.id, label: e.name, disabled: e.disabled, children: [] });
-      const o = [];
-      for (const e of a.values()) {
-        const c = t.get(e.id);
+      for (const e of o.values()) t.has(e.id) || t.set(e.id, { id: e.id, label: e.name, disabled: e.disabled, children: [] });
+      const a = [];
+      for (const e of o.values()) {
+        const r = t.get(e.id);
         if (e.parentId && e.parentId !== e.id && t.has(e.parentId)) {
           let s = e.parentId;
-          const r = /* @__PURE__ */ new Set([e.id]);
+          const i = /* @__PURE__ */ new Set([e.id]);
           let u = !1;
           for (; s; ) {
-            if (r.has(s)) {
+            if (i.has(s)) {
               u = !0;
               break;
             }
-            r.add(s), s = ((l = a.get(s)) == null ? void 0 : l.parentId) || "";
+            i.add(s), s = ((c = o.get(s)) == null ? void 0 : c.parentId) || "";
           }
           if (!u) {
-            t.get(e.parentId).children.push(c);
+            t.get(e.parentId).children.push(r);
             continue;
           }
         }
-        o.push(c);
+        a.push(r);
       }
-      return o;
+      return a;
     });
-    return (a, t) => (y(), b(K, I(g(p), {
-      nodes: f.value,
+    return (o, t) => (I(), g(V, v(p(f), {
+      nodes: b.value,
       "model-value": d.modelValue,
       "checked-keys": d.checkedKeys,
       checkable: d.checkable,
       searchable: d.searchable !== !1,
+      disabled: p(h),
       "default-expand-all": "",
-      "onUpdate:modelValue": t[0] || (t[0] = (o) => n("update:modelValue", o)),
-      "onUpdate:checkedKeys": t[1] || (t[1] = (o) => n("update:checkedKeys", o))
-    }), null, 16, ["nodes", "model-value", "checked-keys", "checkable", "searchable"]));
+      "onUpdate:modelValue": t[0] || (t[0] = (a) => l("update:modelValue", a)),
+      "onUpdate:checkedKeys": t[1] || (t[1] = (a) => l("update:checkedKeys", a))
+    }), null, 16, ["nodes", "model-value", "checked-keys", "checkable", "searchable", "disabled"]));
   }
 });
 export {
-  x as default
+  C as default
 };

package/dist/components/HysPagination/HysPagination.vue.js

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

package/dist/components/HysPagination/HysPagination2.vue.js

@@ -167,6 +167,7 @@ const te = ["aria-busy"], le = {
         d.showSizeChanger ? (v(), c("label", re, [
           V(g(n.value.perPage) + " ", 1),
           o(ee, {
+            size: "sm",
             "model-value": String(h.value),
             options: R.value.map((t) => ({ label: String(t), value: String(t) })),
             disabled: r.value,
@@ -181,6 +182,7 @@ const te = ["aria-busy"], le = {
         }, [
           B("span", null, g(n.value.jump), 1),
           o(ae, {
+            size: "sm",
             modelValue: x.value,
             "onUpdate:modelValue": e[4] || (e[4] = (t) => x.value = t),
             onInput: e[5] || (e[5] = (t) => m.value = t),

package/dist/components/HysPermissionMatrix/HysPermissionMatrix.vue.js

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

package/dist/components/HysPermissionMatrix/HysPermissionMatrix2.vue.js

@@ -1,7 +1,8 @@
-import { defineComponent as A, openBlock as a, createElementBlock as o, mergeProps as B, unref as S, createElementVNode as r, createBlock as c, Fragment as s, createTextVNode as g, renderList as f, toDisplayString as v, createVNode as w } from "vue";
+import { defineComponent as S, openBlock as a, createElementBlock as d, mergeProps as w, unref as y, createElementVNode as u, createBlock as f, Fragment as s, createTextVNode as k, renderList as v, toDisplayString as C, createVNode as H } from "vue";
+import { useHysControlState as N } from "../../composables/formContext.js";
 import b from "../HysCheckbox/HysCheckbox.vue.js";
-import { useHysRootAttrs as H } from "../../config.js";
-const N = { class: "hys-ui-ent-matrix" }, R = /* @__PURE__ */ A({
+import { useHysRootAttrs as D } from "../../config.js";
+const E = { class: "hys-ui-ent-matrix" }, L = /* @__PURE__ */ S({
   __name: "HysPermissionMatrix",
   props: {
     roles: {},
@@ -12,83 +13,83 @@ const N = { class: "hys-ui-ent-matrix" }, R = /* @__PURE__ */ A({
     showSelectAll: { type: Boolean, default: !0 }
   },
   emits: ["update:modelValue", "change"],
-  setup(l, { emit: x }) {
-    const u = l, k = x, V = H();
-    function i(t, d) {
-      return (t ? [t] : u.resources).flatMap((e) => (d ? [d] : u.roles).map((n) => e + ":" + n));
-    }
-    function m(t) {
-      return t.length > 0 && t.every((d) => u.modelValue[d]);
+  setup(l, { emit: V }) {
+    const r = l, { disabled: m } = N(r), x = V, A = D();
+    function i(t, o) {
+      return (t ? [t] : r.resources).flatMap((e) => (o ? [o] : r.roles).map((n) => e + ":" + n));
     }
     function h(t) {
-      return !m(t) && t.some((d) => u.modelValue[d]);
+      return t.length > 0 && t.every((o) => r.modelValue[o]);
+    }
+    function g(t) {
+      return !h(t) && t.some((o) => r.modelValue[o]);
     }
-    function y(t, d) {
-      if (u.disabled || u.readonly) return;
-      const e = { ...u.modelValue };
-      for (const n of t) e[n] = d;
-      k("update:modelValue", e), k("change", e);
+    function c(t, o) {
+      if (m.value || r.readonly) return;
+      const e = { ...r.modelValue };
+      for (const n of t) e[n] = o;
+      x("update:modelValue", e), x("change", e);
     }
-    return (t, d) => (a(), o("div", B(S(V), { class: "hys-ui-ent-table-scroll" }), [
-      r("table", N, [
-        r("thead", null, [
-          r("tr", null, [
-            r("th", null, [
-              l.showSelectAll ? (a(), c(b, {
+    return (t, o) => (a(), d("div", w(y(A), { class: "hys-ui-ent-table-scroll" }), [
+      u("table", E, [
+        u("thead", null, [
+          u("tr", null, [
+            u("th", null, [
+              l.showSelectAll ? (a(), f(b, {
                 key: 0,
                 class: "hys-ui-matrix-group",
-                "model-value": m(i()),
-                indeterminate: h(i()),
-                disabled: l.disabled || !l.roles.length || !l.resources.length,
+                "model-value": h(i()),
+                indeterminate: g(i()),
+                disabled: y(m) || !l.roles.length || !l.resources.length,
                 readonly: l.readonly,
                 "aria-label": "全选所有权限",
                 label: "资源 / 角色",
-                onChange: d[0] || (d[0] = (e) => y(i(), e))
-              }, null, 8, ["model-value", "indeterminate", "disabled", "readonly"])) : (a(), o(s, { key: 1 }, [
-                g("资源 / 角色")
+                onChange: o[0] || (o[0] = (e) => c(i(), e))
+              }, null, 8, ["model-value", "indeterminate", "disabled", "readonly"])) : (a(), d(s, { key: 1 }, [
+                k("资源 / 角色")
               ], 64))
             ]),
-            (a(!0), o(s, null, f(l.roles, (e) => (a(), o("th", { key: e }, [
-              l.showSelectAll ? (a(), c(b, {
+            (a(!0), d(s, null, v(l.roles, (e) => (a(), d("th", { key: e }, [
+              l.showSelectAll ? (a(), f(b, {
                 key: 0,
                 class: "hys-ui-matrix-group",
-                "model-value": m(i(void 0, e)),
-                indeterminate: h(i(void 0, e)),
-                disabled: l.disabled || !l.resources.length,
+                "model-value": h(i(void 0, e)),
+                indeterminate: g(i(void 0, e)),
+                disabled: y(m) || !l.resources.length,
                 readonly: l.readonly,
                 "aria-label": "全选角色 " + e,
                 label: e,
-                onChange: (n) => y(i(void 0, e), n)
-              }, null, 8, ["model-value", "indeterminate", "disabled", "readonly", "aria-label", "label", "onChange"])) : (a(), o(s, { key: 1 }, [
-                g(v(e), 1)
+                onChange: (n) => c(i(void 0, e), n)
+              }, null, 8, ["model-value", "indeterminate", "disabled", "readonly", "aria-label", "label", "onChange"])) : (a(), d(s, { key: 1 }, [
+                k(C(e), 1)
               ], 64))
             ]))), 128))
           ])
         ]),
-        r("tbody", null, [
-          (a(!0), o(s, null, f(l.resources, (e) => (a(), o("tr", { key: e }, [
-            r("th", null, [
-              l.showSelectAll ? (a(), c(b, {
+        u("tbody", null, [
+          (a(!0), d(s, null, v(l.resources, (e) => (a(), d("tr", { key: e }, [
+            u("th", null, [
+              l.showSelectAll ? (a(), f(b, {
                 key: 0,
                 class: "hys-ui-matrix-group",
-                "model-value": m(i(e)),
-                indeterminate: h(i(e)),
-                disabled: l.disabled || !l.roles.length,
+                "model-value": h(i(e)),
+                indeterminate: g(i(e)),
+                disabled: y(m) || !l.roles.length,
                 readonly: l.readonly,
                 "aria-label": "全选资源 " + e,
                 label: e,
-                onChange: (n) => y(i(e), n)
-              }, null, 8, ["model-value", "indeterminate", "disabled", "readonly", "aria-label", "label", "onChange"])) : (a(), o(s, { key: 1 }, [
-                g(v(e), 1)
+                onChange: (n) => c(i(e), n)
+              }, null, 8, ["model-value", "indeterminate", "disabled", "readonly", "aria-label", "label", "onChange"])) : (a(), d(s, { key: 1 }, [
+                k(C(e), 1)
               ], 64))
             ]),
-            (a(!0), o(s, null, f(l.roles, (n) => (a(), o("td", { key: n }, [
-              w(b, {
+            (a(!0), d(s, null, v(l.roles, (n) => (a(), d("td", { key: n }, [
+              H(b, {
                 "aria-label": e + " - " + n,
                 "model-value": !!l.modelValue[e + ":" + n],
-                disabled: l.disabled,
+                disabled: y(m),
                 readonly: l.readonly,
-                onChange: (C) => y([e + ":" + n], C)
+                onChange: (B) => c([e + ":" + n], B)
               }, null, 8, ["aria-label", "model-value", "disabled", "readonly", "onChange"])
             ]))), 128))
           ]))), 128))
@@ -98,5 +99,5 @@ const N = { class: "hys-ui-ent-matrix" }, R = /* @__PURE__ */ A({
   }
 });
 export {
-  R as default
+  L as default
 };

package/dist/components/HysRadio/HysRadio.vue.js

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

package/dist/components/HysRadio/HysRadio2.vue.js

@@ -0,0 +1,180 @@
+import { defineComponent as Y, inject as M, useAttrs as Z, ref as p, useId as g, computed as d, watch as _, onMounted as ee, onActivated as ae, onDeactivated as te, onBeforeUnmount as le, openBlock as O, createElementBlock as R, mergeProps as I, unref as l, createElementVNode as S, renderSlot as $, createTextVNode as oe, toDisplayString as K, createCommentVNode as ie } from "vue";
+import { fieldKey as re, useHysControlState as de } from "../../composables/formContext.js";
+import { radioGroupKey as ue, isChoice as se } from "../../composables/choice.js";
+import { useChoiceModel as ne, useChoiceNativeReset as ve } from "../../composables/choiceModel.js";
+import { useHysRootAttrs as ce } from "../../config.js";
+const fe = ["data-status"], be = ["id", "data-hys-ui-radio-controlled", "name", "form", "value", "checked", "disabled", "required", "aria-readonly", "aria-label", "aria-invalid", "aria-describedby", "tabindex"], me = {
+  class: "hys-ui-radio-box",
+  "aria-hidden": "true"
+}, ye = { class: "hys-ui-radio-label" }, he = ["id"], Ee = /* @__PURE__ */ Y({
+  inheritAttrs: !1,
+  __name: "HysRadio",
+  props: {
+    modelValue: { default: void 0 },
+    defaultValue: { default: void 0 },
+    value: { default: void 0 },
+    label: {},
+    disabled: { type: Boolean },
+    readonly: { type: Boolean },
+    size: {},
+    button: { type: Boolean, default: void 0 },
+    border: { type: Boolean, default: void 0 },
+    buttonStyle: {},
+    name: {},
+    form: {},
+    required: { type: Boolean },
+    ariaLabel: {},
+    tabindex: {},
+    focusable: { type: Boolean, default: !0 },
+    autofocus: { type: Boolean },
+    error: {},
+    status: {}
+  },
+  emits: ["update:modelValue", "change", "focus", "blur"],
+  setup(i, { expose: T, emit: U }) {
+    const t = i, m = U, e = M(ue, void 0), s = M(re, void 0), y = Z(), W = ce(), u = p(), q = g(), A = de(t), x = ne(
+      t,
+      () => t.defaultValue ?? null
+    ), n = d(() => se(t.value) ? t.value : "on"), v = d(
+      () => (e ? e.value.value : x.current.value) === n.value
+    ), h = d(() => A.disabled.value || !!(e != null && e.disabled.value)), C = d(() => t.readonly || (e == null ? void 0 : e.readonly.value)), F = d(() => t.size ?? (e == null ? void 0 : e.size.value) ?? A.size.value), G = d(() => t.button ?? (e == null ? void 0 : e.button.value) ?? !1), P = d(() => t.border ?? (e == null ? void 0 : e.border.value) ?? !1), J = d(
+      () => t.buttonStyle ? t.buttonStyle === "solid" : (e == null ? void 0 : e.solid.value) ?? !1
+    ), E = d(
+      () => {
+        var a, o;
+        return t.error || t.status === "error" || !e && ((a = s == null ? void 0 : s.invalid) != null && a.value) ? "error" : t.status ?? (e == null ? void 0 : e.status.value) ?? ((o = s == null ? void 0 : s.status) == null ? void 0 : o.value);
+      }
+    );
+    function c() {
+      u.value && (u.value.checked = v.value);
+    }
+    async function j() {
+      var k, V;
+      if (!x.isLive() || h.value || C.value || v.value)
+        return c(), !1;
+      const a = e == null ? void 0 : e.select(n.value);
+      e && m("change", n.value);
+      const o = a ? await a : await x.commit(
+        n.value,
+        (r) => m("update:modelValue", r),
+        (r) => m("change", r),
+        !0
+      );
+      c();
+      const B = (k = u.value) == null ? void 0 : k.name;
+      if (!e && B)
+        for (const r of document.getElementsByName(B))
+          r instanceof HTMLInputElement && r.type === "radio" && r.form === ((V = u.value) == null ? void 0 : V.form) && r.hasAttribute("data-hys-ui-radio-controlled") && r.dispatchEvent(new Event("hys-ui-radio-sync"));
+      return o;
+    }
+    let b;
+    function w() {
+      e && !b && (b = e.register({
+        input: u,
+        value: d(() => n.value),
+        disabled: d(() => !!t.disabled),
+        locked: d(() => !!t.disabled || !!t.readonly)
+      }));
+    }
+    function z() {
+      b == null || b(), b = void 0;
+    }
+    _(v, c, { flush: "post" }), ve(
+      u,
+      x.reset,
+      c,
+      () => t.form ?? (e == null ? void 0 : e.form.value)
+    ), ee(() => {
+      var a;
+      c(), w(), t.autofocus && !h.value && ((a = u.value) == null || a.focus());
+    }), ae(w), te(z), le(z);
+    const Q = () => Object.fromEntries(
+      Object.entries(y).filter(
+        ([a]) => a === "id" || a.startsWith("aria-")
+      )
+    ), X = () => Object.fromEntries(
+      Object.entries(y).filter(
+        ([a]) => a !== "id" && !a.startsWith("aria-")
+      )
+    );
+    return T({
+      input: u,
+      checked: v,
+      focus: (a) => {
+        var o;
+        h.value || (o = u.value) == null || o.focus(a);
+      },
+      blur: () => {
+        var a;
+        return (a = u.value) == null ? void 0 : a.blur();
+      },
+      select: j
+    }), (a, o) => {
+      var B, k, V, r, H, N, D, L;
+      return O(), R("label", I({ ...l(W), ...X() }, {
+        class: ["hys-ui-radio-option", [
+          "hys-ui-radio-" + F.value,
+          {
+            "hys-ui-radio-option-disabled": h.value,
+            "hys-ui-radio-option-readonly": C.value,
+            "hys-ui-radio-bordered": P.value,
+            "hys-ui-radio-button": G.value,
+            "hys-ui-radio-solid": J.value,
+            "hys-ui-radio-selected": v.value,
+            "hys-ui-radio-error": E.value === "error"
+          }
+        ]],
+        "data-status": E.value,
+        onMousedown: o[3] || (o[3] = (f) => !i.focusable && f.preventDefault())
+      }), [
+        S("input", I({
+          ref_key: "input",
+          ref: u
+        }, Q(), {
+          class: "hys-ui-radio-native",
+          type: "radio",
+          id: l(y).id || (l(e) || (B = l(s)) == null ? void 0 : B.id.value),
+          "data-hys-ui-field-managed": "",
+          "data-hys-ui-radio-controlled": i.modelValue !== void 0 ? "" : void 0,
+          name: ((k = l(e)) == null ? void 0 : k.name.value) || i.name,
+          form: i.form || ((V = l(e)) == null ? void 0 : V.form.value),
+          value: String(n.value),
+          checked: v.value,
+          disabled: h.value,
+          required: i.required || ((r = l(e)) == null ? void 0 : r.required.value) || !l(e) && ((H = l(s)) == null ? void 0 : H.required.value),
+          "aria-readonly": C.value || void 0,
+          "aria-label": i.ariaLabel || l(y)["aria-label"] || i.label || (!i.label && !a.$slots.default && !l(e) ? (N = l(s)) == null ? void 0 : N.label.value : void 0),
+          "aria-invalid": E.value === "error" || void 0,
+          "aria-describedby": [
+            l(y)["aria-describedby"],
+            i.error ? l(q) : void 0,
+            l(e) || (D = l(s)) == null ? void 0 : D.describedBy.value
+          ].filter(Boolean).join(" ") || void 0,
+          tabindex: i.focusable ? i.tabindex ?? ((L = l(e)) == null ? void 0 : L.tabindex(n.value)) : -1,
+          onClick: o[0] || (o[0] = (f) => C.value && f.preventDefault()),
+          onChange: j,
+          onHysUiRadioSync: c,
+          onFocus: o[1] || (o[1] = (f) => m("focus", f)),
+          onBlur: o[2] || (o[2] = (f) => m("blur", f))
+        }), null, 16, be),
+        S("span", me, [
+          $(a.$slots, "icon", { checked: v.value }, void 0, !0)
+        ]),
+        S("span", ye, [
+          $(a.$slots, "default", {}, () => [
+            oe(K(i.label), 1)
+          ], !0)
+        ]),
+        i.error ? (O(), R("small", {
+          key: 0,
+          id: l(q),
+          class: "hys-ui-radio-error-text",
+          role: "alert"
+        }, K(i.error), 9, he)) : ie("", !0)
+      ], 16, fe);
+    };
+  }
+});
+export {
+  Ee as default
+};

package/dist/components/HysRadioGroup/HysRadioGroup.vue.js

@@ -1,7 +1,7 @@
 import o from "./HysRadioGroup2.vue.js";
 /* empty css                   */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-281378b2"]]);
+const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-f34c441a"]]);
 export {
-  m as default
+  f as default
 };