hys-ui 0.1.1 → 0.3.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/HysPopover/HysPopover.vue.js

@@ -1,93 +1,7 @@
-import { defineComponent as E, ref as w, onBeforeUnmount as H, onDeactivated as K, watch as v, openBlock as f, createElementBlock as y, mergeProps as T, unref as a, createElementVNode as N, withKeys as $, withModifiers as B, renderSlot as x, createBlock as R, Teleport as S, toDisplayString as V, createCommentVNode as C } from "vue";
-import { useHysRootAttrs as q } from "../../config.js";
-import { useFloating as M } from "../../composables/useFloating.js";
-const U = ["tabindex", "aria-disabled", "aria-expanded"], j = ["aria-label"], z = { key: 0 }, L = /* @__PURE__ */ E({
-  __name: "HysPopover",
-  props: {
-    placement: { default: "bottom-end" },
-    trigger: { default: "click" },
-    disabled: { type: Boolean },
-    open: { type: Boolean, default: void 0 },
-    width: {},
-    title: {}
-  },
-  emits: ["update:open", "visibleChange"],
-  setup(o, { expose: F, emit: P }) {
-    const b = q(), n = o, g = P, m = w(), d = w(), { open: s, style: A, show: c, close: p, restoringFocus: D } = M(m, d, { get placement() {
-      return n.placement;
-    }, gap: 8 });
-    let u;
-    function h(t) {
-      clearTimeout(u), t ? r(!0) : u = setTimeout(() => r(!1), 100);
-    }
-    H(() => clearTimeout(u)), K(() => clearTimeout(u));
-    function r(t) {
-      if (!(t && (n.disabled || D.value))) {
-        if (n.open !== void 0) {
-          g("update:open", t);
-          return;
-        }
-        t ? c() : p();
-      }
-    }
-    return v(() => n.open, (t) => {
-      t !== void 0 && (t && !n.disabled ? c() : p());
-    }, { immediate: !0, flush: "post" }), v(s, (t) => {
-      g("visibleChange", t), n.open !== void 0 && n.open !== t && g("update:open", t);
-    }), v(() => n.disabled, (t) => {
-      t && p();
-    }), F({ show: () => r(!0), hide: () => r(!1) }), (t, e) => (f(), y("span", T(a(b), {
-      class: "hys-ui-popover-wrap",
-      onPointerenter: e[7] || (e[7] = (i) => o.trigger === "hover" && h(!0)),
-      onPointerleave: e[8] || (e[8] = (i) => o.trigger === "hover" && h(!1))
-    }), [
-      N("span", {
-        ref_key: "anchor",
-        ref: m,
-        class: "hys-ui-popover-trigger",
-        tabindex: o.disabled ? -1 : 0,
-        role: "button",
-        "aria-disabled": o.disabled,
-        "aria-expanded": a(s),
-        "aria-haspopup": "dialog",
-        onClick: e[0] || (e[0] = (i) => o.trigger === "click" && r(!a(s))),
-        onKeydown: [
-          e[1] || (e[1] = $(B((i) => r(!a(s)), ["prevent"]), ["enter"])),
-          e[2] || (e[2] = $(B((i) => r(!a(s)), ["prevent"]), ["space"]))
-        ],
-        onFocusin: e[3] || (e[3] = (i) => o.trigger === "focus" && r(!0)),
-        onFocusout: e[4] || (e[4] = (i) => {
-          var l;
-          return o.trigger === "focus" && !((l = d.value) != null && l.contains(i.relatedTarget)) && r(!1);
-        })
-      }, [
-        x(t.$slots, "trigger")
-      ], 40, U),
-      (f(), R(S, { to: "body" }, [
-        a(s) ? (f(), y("div", T({
-          key: 0,
-          ref_key: "panel",
-          ref: d
-        }, a(b), {
-          class: "hys-ui-popover-panel hys-ui-floating-surface",
-          style: { ...a(A), width: o.width },
-          role: "dialog",
-          onFocusout: e[5] || (e[5] = (i) => {
-            var l, k;
-            return o.trigger === "focus" && !((l = d.value) != null && l.contains(i.relatedTarget)) && !((k = m.value) != null && k.contains(i.relatedTarget)) && r(!1);
-          }),
-          "aria-label": o.title || "浮层",
-          onPointerenter: e[6] || (e[6] = (i) => o.trigger === "hover" && r(!0))
-        }), [
-          o.title ? (f(), y("strong", z, V(o.title), 1)) : C("", !0),
-          x(t.$slots, "default", {
-            close: () => r(!1)
-          })
-        ], 16, j)) : C("", !0)
-      ]))
-    ], 16));
-  }
-});
+import o from "./HysPopover2.vue.js";
+/* empty css                */
+import r from "../../_virtual/_plugin-vue_export-helper.js";
+const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-f925bad2"]]);
 export {
-  L as default
+  f as default
 };

package/dist/components/HysPopover/HysPopover2.vue.js

@@ -1,4 +1,122 @@
-import f from "./HysPopover.vue.js";
+import { defineComponent as c, openBlock as g, createElementBlock as w, mergeProps as B, unref as o, createVNode as d, withCtx as p, renderSlot as a, normalizeProps as i, guardReactiveProps as u, createSlots as P, createTextVNode as k, toDisplayString as C } from "vue";
+import { useHysRootAttrs as x } from "../../config.js";
+import { usePopupSurface as O } from "../../composables/usePopupSurface.js";
+import S from "../../internal/PopupReference.js";
+import b from "../../internal/PopupSurfacePanel.vue.js";
+const D = /* @__PURE__ */ c({
+  __name: "HysPopover",
+  props: {
+    title: {},
+    content: {},
+    open: { type: Boolean, default: void 0 },
+    modelValue: { type: Boolean, default: void 0 },
+    defaultOpen: { type: Boolean },
+    disabled: { type: Boolean },
+    trigger: {},
+    triggerKeys: {},
+    triggerTabindex: {},
+    placement: { default: "bottom-end" },
+    offset: {},
+    autoAdjustOverflow: { type: Boolean, default: !0 },
+    showDelay: { default: 0 },
+    hideDelay: { default: 100 },
+    autoClose: {},
+    enterable: { type: Boolean, default: !0 },
+    closeOnEscape: { type: Boolean, default: !0 },
+    closeOnOutside: { type: Boolean, default: !0 },
+    destroyOnHide: { type: Boolean, default: !0 },
+    forceRender: { type: Boolean },
+    appendTo: { type: [String, Boolean], default: "body" },
+    reference: {},
+    width: {},
+    maxWidth: {},
+    maxHeight: {},
+    showArrow: { type: Boolean },
+    arrowOffset: {},
+    effect: { default: "light" },
+    color: {},
+    textColor: {},
+    overlayClass: {},
+    overlayStyle: {},
+    contentClass: {},
+    contentStyle: {},
+    zIndex: {},
+    ariaLabel: {},
+    popupTransition: {},
+    popupTransitionDuration: {}
+  },
+  emits: ["update:open", "update:modelValue", "visibleChange", "openChange", "show", "hide", "opened", "closed"],
+  setup(l, { expose: f, emit: m }) {
+    const s = l, y = m, v = x(), e = O(
+      s,
+      "popover",
+      (r, ...n) => y(r, ...n)
+    );
+    return f({
+      element: e.panel,
+      referenceElement: e.actualReference,
+      open: e.open,
+      placement: e.placement,
+      show: e.show,
+      hide: e.hide,
+      close: e.hide,
+      toggle: e.toggle,
+      updatePosition: e.updatePosition,
+      focus: e.focus
+    }), (r, n) => (g(), w("span", B({
+      ref: (t) => o(e).wrapper.value = t
+    }, { ...o(v), ...o(e).wrapperAttrs.value }, {
+      class: ["hys-ui-popover-wrap", "hys-ui-popover-trigger"],
+      onPointerenter: n[1] || (n[1] = //@ts-ignore
+      (...t) => o(e).pointerEnter && o(e).pointerEnter(...t)),
+      onPointerleave: n[2] || (n[2] = //@ts-ignore
+      (...t) => o(e).pointerLeave && o(e).pointerLeave(...t)),
+      onFocusin: n[3] || (n[3] = //@ts-ignore
+      (...t) => o(e).focusIn && o(e).focusIn(...t)),
+      onFocusout: n[4] || (n[4] = //@ts-ignore
+      (...t) => o(e).focusOut && o(e).focusOut(...t)),
+      onClick: n[5] || (n[5] = //@ts-ignore
+      (...t) => o(e).click && o(e).click(...t)),
+      onContextmenu: n[6] || (n[6] = //@ts-ignore
+      (...t) => o(e).contextmenu && o(e).contextmenu(...t)),
+      onKeydown: n[7] || (n[7] = //@ts-ignore
+      (...t) => o(e).key && o(e).key(...t))
+    }), [
+      d(o(S), {
+        id: o(e).id,
+        open: o(e).open.value,
+        kind: "popover",
+        onElement: n[0] || (n[0] = (t) => o(e).referenceElement.value = t)
+      }, {
+        default: p(() => [
+          a(r.$slots, "trigger", i(u(o(e).scope.value)), void 0, !0)
+        ]),
+        _: 3
+      }, 8, ["id", "open"]),
+      d(b, {
+        surface: o(e),
+        options: s,
+        kind: "popover",
+        title: l.title
+      }, P({
+        default: p((t) => [
+          a(r.$slots, "default", i(u(t)), () => [
+            k(C(l.content), 1)
+          ], !0)
+        ]),
+        _: 2
+      }, [
+        r.$slots.title ? {
+          name: "title",
+          fn: p((t) => [
+            a(r.$slots, "title", i(u(t)), void 0, !0)
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["surface", "title"])
+    ], 16));
+  }
+});
 export {
-  f as default
+  D as default
 };

package/dist/components/HysProgress/HysProgress.vue.js

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