hys-ui 0.1.0 → 0.2.0

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

@@ -1,16 +1,17 @@
-import { defineComponent as B, ref as b, toRef as E, watch as O, onDeactivated as $, openBlock as r, createBlock as D, Teleport as S, createVNode as p, Transition as x, withCtx as H, unref as c, withDirectives as M, createElementBlock as f, mergeProps as N, withModifiers as R, createElementVNode as n, normalizeStyle as V, renderSlot as y, toDisplayString as z, createCommentVNode as h, vShow as A } from "vue";
-import { useHysRootAttrs as P } from "../../config.js";
-import { X as T } from "lucide-vue-next";
-import { useDialog as q } from "../../composables/useDialog.js";
-const X = ["aria-label", "aria-busy"], j = { class: "hys-ui-dialog-head" }, F = ["disabled"], G = { class: "hys-ui-drawer-body" }, I = {
+import { defineComponent as x, ref as w, computed as E, toRef as O, watch as $, onDeactivated as D, openBlock as n, createBlock as S, Teleport as H, createVNode as b, Transition as M, withCtx as N, unref as h, withDirectives as R, createElementBlock as f, mergeProps as V, withModifiers as z, createElementVNode as d, normalizeStyle as A, renderSlot as y, toDisplayString as P, createCommentVNode as m, vShow as T } from "vue";
+import { useHysRootAttrs as q } from "../../config.js";
+import { X as W } from "lucide-vue-next";
+import { useDialog as X } from "../../composables/useDialog.js";
+const j = ["aria-label", "aria-busy"], F = { class: "hys-ui-dialog-head" }, G = ["disabled"], I = { class: "hys-ui-drawer-body" }, J = {
   key: 0,
   class: "hys-ui-dialog-foot"
-}, U = /* @__PURE__ */ B({
+}, Y = /* @__PURE__ */ x({
   __name: "HysDrawer",
   props: {
     open: { type: Boolean },
     title: {},
     width: { default: "520px" },
+    height: {},
     closeOnMask: { type: Boolean, default: !0 },
     closeOnEscape: { type: Boolean, default: !0 },
     showClose: { type: Boolean, default: !0 },
@@ -20,76 +21,76 @@ const X = ["aria-label", "aria-busy"], j = { class: "hys-ui-dialog-head" }, F =
     beforeClose: {}
   },
   emits: ["close", "closeError"],
-  setup(e, { expose: g, emit: C }) {
-    const k = P(), a = e, m = C, d = b(), o = b(!1), { active: v } = q(E(a, "open"), d, () => {
-      a.closeOnEscape && s("escape");
+  setup(t, { expose: g, emit: C }) {
+    const k = q(), e = t, p = C, u = w(), a = w(!1), B = E(() => ({ ...e.fullscreen ? { width: "100%", height: "100dvh", maxWidth: "100vw", maxHeight: "100dvh" } : e.placement === "top" || e.placement === "bottom" ? { width: "100%", height: e.height || e.width, maxHeight: "100dvh" } : { width: e.width }, "--hys-ui-drawer-enter-x": e.placement === "left" ? "-100%" : e.placement === "right" ? "100%" : "0px", "--hys-ui-drawer-enter-y": e.placement === "top" ? "-100%" : e.placement === "bottom" ? "100%" : "0px" })), { active: r } = X(O(e, "open"), u, () => {
+      e.closeOnEscape && i("escape");
     });
-    let i = 0;
-    function w() {
-      i++, o.value = !1;
+    let s = 0;
+    function v() {
+      s++, a.value = !1;
     }
-    O(() => a.open, (t) => {
-      t || w();
-    }), $(w);
-    async function s(t = "button") {
-      if (o.value || !a.open) return;
-      const l = ++i;
-      o.value = !0;
+    $(() => e.open, (o) => {
+      o || v();
+    }), D(v);
+    async function i(o = "button") {
+      if (a.value || !e.open || !r.value) return;
+      const l = ++s;
+      a.value = !0;
       try {
-        if (a.beforeClose && await a.beforeClose(t) === !1) return;
-        v.value && l === i && m("close");
-      } catch (u) {
-        m("closeError", u);
+        if (e.beforeClose && await e.beforeClose(o) === !1) return;
+        r.value && l === s && p("close");
+      } catch (c) {
+        r.value && l === s && p("closeError", c);
       } finally {
-        l === i && (o.value = !1);
+        l === s && (a.value = !1);
       }
     }
-    return g({ close: s, element: d }), (t, l) => (r(), D(S, { to: "body" }, [
-      p(x, { name: "hys-ui-drawer-motion" }, {
-        default: H(() => [
-          c(v) && (e.open || !e.destroyOnClose) ? M((r(), f("div", N({ key: 0 }, c(k), {
-            class: ["hys-ui-overlay hys-ui-drawer-overlay", "hys-ui-drawer-" + e.placement],
-            onPointerdown: l[1] || (l[1] = R((u) => e.closeOnMask && s("mask"), ["self"]))
+    return g({ close: i, element: u }), (o, l) => (n(), S(H, { to: "body" }, [
+      b(M, { name: "hys-ui-drawer-motion" }, {
+        default: N(() => [
+          h(r) && (t.open || !t.destroyOnClose) ? R((n(), f("div", V({ key: 0 }, h(k), {
+            class: ["hys-ui-overlay hys-ui-drawer-overlay", "hys-ui-drawer-" + t.placement],
+            onPointerdown: l[1] || (l[1] = z((c) => t.closeOnMask && i("mask"), ["self"]))
           }), [
-            n("aside", {
+            d("aside", {
               ref_key: "dialog",
-              ref: d,
+              ref: u,
               tabindex: "-1",
               class: "hys-ui-drawer",
               role: "dialog",
               "aria-modal": "true",
-              "aria-label": e.title,
-              "aria-busy": o.value,
-              style: V(e.placement === "top" || e.placement === "bottom" ? { width: "100%", height: e.width, maxHeight: "100dvh" } : { width: e.width })
+              "aria-label": t.title,
+              "aria-busy": a.value,
+              style: A(B.value)
             }, [
-              n("header", j, [
-                y(t.$slots, "header", {}, () => [
-                  n("h3", null, z(e.title), 1)
+              d("header", F, [
+                y(o.$slots, "header", {}, () => [
+                  d("h3", null, P(t.title), 1)
                 ], !0),
-                e.showClose ? (r(), f("button", {
+                t.showClose ? (n(), f("button", {
                   key: 0,
                   type: "button",
                   class: "hys-ui-icon-action",
                   "aria-label": "关闭",
-                  disabled: o.value,
-                  onClick: l[0] || (l[0] = (u) => s("button"))
+                  disabled: a.value,
+                  onClick: l[0] || (l[0] = (c) => i("button"))
                 }, [
-                  p(c(T), { size: 18 })
-                ], 8, F)) : h("", !0)
+                  b(h(W), { size: 18 })
+                ], 8, G)) : m("", !0)
               ]),
-              n("div", G, [
-                y(t.$slots, "default", {}, void 0, !0)
+              d("div", I, [
+                y(o.$slots, "default", {}, void 0, !0)
               ]),
-              t.$slots.footer ? (r(), f("footer", I, [
-                y(t.$slots, "footer", {
-                  close: s,
-                  closing: o.value
+              o.$slots.footer ? (n(), f("footer", J, [
+                y(o.$slots, "footer", {
+                  close: i,
+                  closing: a.value
                 }, void 0, !0)
-              ])) : h("", !0)
-            ], 12, X)
+              ])) : m("", !0)
+            ], 12, j)
           ], 16)), [
-            [A, e.open]
-          ]) : h("", !0)
+            [T, t.open]
+          ]) : m("", !0)
         ]),
         _: 3
       })
@@ -97,5 +98,5 @@ const X = ["aria-label", "aria-busy"], j = { class: "hys-ui-dialog-head" }, F =
   }
 });
 export {
-  U as default
+  Y as default
 };

package/dist/components/HysFileManager/HysFileManager.vue.js

@@ -1,65 +1,7 @@
-import { defineComponent as k, useModel as C, ref as D, onUnmounted as V, openBlock as r, createElementBlock as s, mergeProps as b, unref as M, createElementVNode as n, withModifiers as i, normalizeClass as h, createTextVNode as x, Fragment as B, renderList as _, toDisplayString as m, createCommentVNode as w, mergeModels as A } from "vue";
-import { useHysRootAttrs as F } from "../../config.js";
-const N = { class: "hys-ui-ent-files" }, $ = ["onClick"], z = ["onClick"], E = {
-  key: 0,
-  class: "hys-ui-ent-muted"
-}, T = /* @__PURE__ */ k({
-  __name: "HysFileManager",
-  props: {
-    modelValue: { default: () => [] },
-    modelModifiers: {}
-  },
-  emits: /* @__PURE__ */ A(["upload", "remove", "download"], ["update:modelValue"]),
-  setup(p, { emit: f }) {
-    const v = F(), u = C(p, "modelValue"), a = f, l = D(!1);
-    function d(t) {
-      t && (a("upload", Array.from(t)), l.value = !1);
-    }
-    function g(t) {
-      var e;
-      t.preventDefault(), d(((e = t.dataTransfer) == null ? void 0 : e.files) || null);
-    }
-    V(() => l.value = !1);
-    function y(t) {
-      return t < 1024 ? t + " B" : (t / 1024).toFixed(1) + " KB";
-    }
-    return (t, e) => (r(), s("div", b(M(v), { class: "hys-ui-ent-panel" }), [
-      n("label", {
-        class: h(["hys-ui-ent-drop", { "hys-ui-dragging": l.value }]),
-        onDragenter: e[1] || (e[1] = i((o) => l.value = !0, ["prevent"])),
-        onDragleave: e[2] || (e[2] = i((o) => l.value = !1, ["prevent"])),
-        onDragover: e[3] || (e[3] = i(() => {
-        }, ["prevent"])),
-        onDrop: g
-      }, [
-        n("input", {
-          type: "file",
-          multiple: "",
-          onChange: e[0] || (e[0] = (o) => {
-            d(o.target.files), o.target.value = "";
-          })
-        }, null, 32),
-        e[4] || (e[4] = x("拖拽文件至此或点击选择（由业务层负责上传）", -1))
-      ], 34),
-      n("ul", N, [
-        (r(!0), s(B, null, _(u.value, (o) => (r(), s("li", {
-          key: o.id
-        }, [
-          n("span", null, m(o.name) + " · " + m(y(o.size)), 1),
-          n("button", {
-            type: "button",
-            onClick: (c) => a("download", o.id)
-          }, "下载", 8, $),
-          n("button", {
-            type: "button",
-            onClick: (c) => a("remove", o.id)
-          }, "移除", 8, z)
-        ]))), 128))
-      ]),
-      u.value.length ? w("", !0) : (r(), s("p", E, "暂无附件"))
-    ], 16));
-  }
-});
+import a from "./HysFileManager2.vue.js";
+/* empty css                    */
+import o from "../../_virtual/_plugin-vue_export-helper.js";
+const f = /* @__PURE__ */ o(a, [["__scopeId", "data-v-a1a805fa"]]);
 export {
-  T as default
+  f as default
 };

package/dist/components/HysFileManager/HysFileManager2.vue.js

@@ -1,4 +1,88 @@
-import f from "./HysFileManager.vue.js";
+import { defineComponent as h, ref as y, useModel as B, onUnmounted as M, onDeactivated as $, watch as A, openBlock as d, createElementBlock as u, mergeProps as F, unref as o, createElementVNode as i, withModifiers as r, withKeys as g, normalizeClass as H, createTextVNode as K, Fragment as N, renderList as _, toDisplayString as c, createCommentVNode as z, mergeModels as k } from "vue";
+import { useHysControlState as E } from "../../composables/formContext.js";
+import { useHysRootAttrs as R } from "../../config.js";
+const S = ["aria-disabled", "tabindex"], T = ["disabled"], L = { class: "hys-ui-ent-files" }, P = ["disabled", "onClick"], U = ["disabled", "onClick"], j = {
+  key: 0,
+  class: "hys-ui-ent-muted"
+}, J = /* @__PURE__ */ h({
+  __name: "HysFileManager",
+  props: /* @__PURE__ */ k({
+    disabled: { type: Boolean }
+  }, {
+    modelValue: { default: () => [] },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ k(["upload", "remove", "download"], ["update:modelValue"]),
+  setup(v, { emit: C }) {
+    const D = R(), w = v, { disabled: t } = E(w), p = y(), f = B(v, "modelValue"), m = C, s = y(!1);
+    function b(l) {
+      t.value || !l || (m("upload", Array.from(l)), s.value = !1);
+    }
+    function x(l) {
+      var e;
+      l.preventDefault(), b(((e = l.dataTransfer) == null ? void 0 : e.files) || null);
+    }
+    M(() => s.value = !1), $(() => s.value = !1), A(() => t.value, () => s.value = !1);
+    function V(l) {
+      return l < 1024 ? l + " B" : (l / 1024).toFixed(1) + " KB";
+    }
+    return (l, e) => (d(), u("div", F(o(D), { class: "hys-ui-ent-panel" }), [
+      i("label", {
+        class: H(["hys-ui-ent-drop", { "hys-ui-dragging": s.value }]),
+        role: "button",
+        "aria-disabled": o(t),
+        tabindex: o(t) ? -1 : 0,
+        "aria-label": "选择或拖入文件",
+        onKeydown: [
+          e[1] || (e[1] = g(r((n) => {
+            var a;
+            return !o(t) && ((a = p.value) == null ? void 0 : a.click());
+          }, ["prevent"]), ["enter"])),
+          e[2] || (e[2] = g(r((n) => {
+            var a;
+            return !o(t) && ((a = p.value) == null ? void 0 : a.click());
+          }, ["prevent"]), ["space"]))
+        ],
+        onDragenter: e[3] || (e[3] = r((n) => !o(t) && (s.value = !0), ["prevent"])),
+        onDragleave: e[4] || (e[4] = r((n) => s.value = !1, ["prevent"])),
+        onDragover: e[5] || (e[5] = r(() => {
+        }, ["prevent"])),
+        onDrop: x
+      }, [
+        i("input", {
+          ref_key: "input",
+          ref: p,
+          type: "file",
+          hidden: "",
+          disabled: o(t),
+          multiple: "",
+          onChange: e[0] || (e[0] = (n) => {
+            b(n.target.files), n.target.value = "";
+          })
+        }, null, 40, T),
+        e[6] || (e[6] = K("拖拽文件至此或点击选择（由业务层负责上传）", -1))
+      ], 42, S),
+      i("ul", L, [
+        (d(!0), u(N, null, _(f.value, (n) => (d(), u("li", {
+          key: n.id
+        }, [
+          i("span", null, c(n.name) + " · " + c(V(n.size)), 1),
+          i("button", {
+            type: "button",
+            disabled: o(t),
+            onClick: (a) => !o(t) && m("download", n.id)
+          }, "下载", 8, P),
+          i("button", {
+            type: "button",
+            disabled: o(t),
+            onClick: (a) => !o(t) && m("remove", n.id)
+          }, "移除", 8, U)
+        ]))), 128))
+      ]),
+      f.value.length ? z("", !0) : (d(), u("p", j, "暂无附件"))
+    ], 16));
+  }
+});
 export {
-  f as default
+  J as default
 };

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

@@ -1,7 +1,7 @@
 import o from "./HysForm2.vue.js";
 /* empty css             */
-import r from "../../_virtual/_plugin-vue_export-helper.js";
-const c = /* @__PURE__ */ r(o, [["__scopeId", "data-v-5aec88fc"]]);
+import a from "../../_virtual/_plugin-vue_export-helper.js";
+const f = /* @__PURE__ */ a(o, [["__scopeId", "data-v-aaa78f9e"]]);
 export {
-  c as default
+  f as default
 };