hys-ui 0.1.0 → 0.1.1

package/dist/components/HysDataGrid/HysDataGrid2.vue.js

@@ -2,12 +2,12 @@ import { defineComponent as Mt, ref as v, watch as K, computed as b, nextTick as
 import { useHysRootAttrs as Rt } from "../../config.js";
 import { Settings2 as Lt, ChevronUp as Et, ChevronDown as Ae, Search as Bt, ChevronRight as We } from "lucide-vue-next";
 import { useMotion as Tt } from "../../motion/useMotion.js";
-import $t from "../HysSortableList/HysSortableList.vue.js";
+import Ut from "../HysSortableList/HysSortableList.vue.js";
 import Ie from "../HysSelect/HysSelect.vue.js";
 import ze from "../HysInput/HysInput.vue.js";
 import Re from "../HysCheckbox/HysCheckbox.vue.js";
 import M from "../HysButton/HysButton.vue.js";
-import Ut from "../HysPagination/HysPagination.vue.js";
+import $t from "../HysPagination/HysPagination.vue.js";
 const Ft = { class: "hys-ui-pf-grid-toolbar" }, Ht = { class: "hys-ui-pf-grid-search" }, Nt = {
   key: 0,
   class: "hys-ui-pf-grid-group-label"
@@ -178,7 +178,7 @@ const Ft = { class: "hys-ui-pf-grid-toolbar" }, Ht = { class: "hys-ui-pf-grid-se
     function it(t, l) {
       !o.editable || !l.editable || (Q.value = { id: Z(t, 0), key: l.key }, ge.value = oe(t, l.key));
     }
-    function $e(t, l) {
+    function Ue(t, l) {
       Q.value && (V("cellEdit", { row: t, rowKey: Q.value.id, column: l.key, value: ge.value }), Q.value = null);
     }
     function ut() {
@@ -196,7 +196,7 @@ const Ft = { class: "hys-ui-pf-grid-toolbar" }, Ht = { class: "hys-ui-pf-grid-se
       if (!e.length) return "—";
       const a = t.summary === "sum" ? e.reduce((n, d) => n + d, 0) : t.summary === "avg" ? e.reduce((n, d) => n + d, 0) / e.length : t.summary === "min" ? Math.min(...e) : Math.max(...e);
       return new Intl.NumberFormat("zh-CN", { maximumFractionDigits: 2 }).format(a);
-    }, we = b(() => be.value.map((t, l) => Z(t, l))), Ue = b(() => we.value.length > 0 && we.value.every((t) => h.value.includes(t))), ft = b(() => we.value.some((t) => h.value.includes(t)));
+    }, we = b(() => be.value.map((t, l) => Z(t, l))), $e = b(() => we.value.length > 0 && we.value.every((t) => h.value.includes(t))), ft = b(() => we.value.some((t) => h.value.includes(t)));
     function yt(t, l) {
       h.value = l ? [.../* @__PURE__ */ new Set([...h.value, t])] : h.value.filter((e) => e !== t), V("selectionChange", h.value);
     }
@@ -240,7 +240,7 @@ const Ft = { class: "hys-ui-pf-grid-toolbar" }, Ht = { class: "hys-ui-pf-grid-se
       l.resizable !== !1 && (t.preventDefault(), t.stopPropagation(), T = { key: l.key, start: t.clientX, width: p.value[l.key] || l.width || 160, min: l.minWidth || 80, max: l.maxWidth || 800 }, document.body.style.cursor = "col-resize", window.addEventListener("pointermove", Ne), window.addEventListener("pointerup", Ce));
     }
     const { effectiveMotion: xe } = Tt(), se = v(null), W = v(null);
-    let $ = 0, re = null, Ve = 0;
+    let U = 0, re = null, Ve = 0;
     const ye = /* @__PURE__ */ new Set();
     function ie() {
       Ve++;
@@ -251,7 +251,7 @@ const Ft = { class: "hys-ui-pf-grid-toolbar" }, Ht = { class: "hys-ui-pf-grid-se
       t === "off" && ie();
     });
     function _() {
-      cancelAnimationFrame($), $ = 0, re = null, se.value = null, W.value = null;
+      cancelAnimationFrame(U), U = 0, re = null, se.value = null, W.value = null;
     }
     function bt(t, l) {
       if (T || l.reorderable === !1 || !t.dataTransfer) {
@@ -270,12 +270,12 @@ const Ft = { class: "hys-ui-pf-grid-toolbar" }, Ht = { class: "hys-ui-pf-grid-se
     }
     function wt(t, l) {
       if (!De(l)) {
-        cancelAnimationFrame($), $ = 0, re = null, W.value = null;
+        cancelAnimationFrame(U), U = 0, re = null, W.value = null;
         return;
       }
-      t.preventDefault(), t.dataTransfer && (t.dataTransfer.dropEffect = "move"), re = { element: t.currentTarget, column: l, x: t.clientX }, !$ && ($ = requestAnimationFrame(() => {
+      t.preventDefault(), t.dataTransfer && (t.dataTransfer.dropEffect = "move"), re = { element: t.currentTarget, column: l, x: t.clientX }, !U && (U = requestAnimationFrame(() => {
         var n;
-        $ = 0;
+        U = 0;
         const e = re;
         if (re = null, !e || !De(e.column)) return;
         const a = Oe(e.column, e.x, e.element);
@@ -283,7 +283,7 @@ const Ft = { class: "hys-ui-pf-grid-toolbar" }, Ht = { class: "hys-ui-pf-grid-se
       }));
     }
     function Ct(t) {
-      t.relatedTarget instanceof Element && t.relatedTarget.closest("th[data-column-key]") && t.currentTarget.contains(t.relatedTarget) || (cancelAnimationFrame($), $ = 0, re = null, W.value = null);
+      t.relatedTarget instanceof Element && t.relatedTarget.closest("th[data-column-key]") && t.currentTarget.contains(t.relatedTarget) || (cancelAnimationFrame(U), U = 0, re = null, W.value = null);
     }
     function Pe() {
       var t;
@@ -300,15 +300,15 @@ const Ft = { class: "hys-ui-pf-grid-toolbar" }, Ht = { class: "hys-ui-pf-grid-se
       const e = l.getBoundingClientRect(), a = Math.max(0, e.top), n = Math.min(window.innerHeight, e.bottom), d = Math.max(0, e.left), i = Math.min(window.innerWidth, e.right);
       if (a >= n || d >= i) return;
       const y = /* @__PURE__ */ new Map();
-      for (const [I, U] of Pe()) {
+      for (const [I, $] of Pe()) {
         const S = t.get(I);
-        S && U.right > d && U.left < i && Math.abs(S.left - U.left) > 0.5 && y.set(I, S.left - U.left);
+        S && $.right > d && $.left < i && Math.abs(S.left - $.left) > 0.5 && y.set(I, S.left - $.left);
       }
       const f = [];
       for (const I of Array.from(l.querySelectorAll("thead tr,tbody tr,tfoot tr"))) {
-        const U = I.getBoundingClientRect();
-        if (U.top >= n) break;
-        if (!(U.bottom <= a)) {
+        const $ = I.getBoundingClientRect();
+        if ($.top >= n) break;
+        if (!($.bottom <= a)) {
           for (const S of Array.from(I.children))
             if (S instanceof HTMLElement && y.has(S.dataset.columnKey || "") && f.push(S), f.length >= Xe) break;
           if (f.length >= Xe) break;
@@ -316,7 +316,7 @@ const Ft = { class: "hys-ui-pf-grid-toolbar" }, Ht = { class: "hys-ui-pf-grid-se
       }
       const ee = xe.value === "full" ? 280 : 180;
       for (const I of f) {
-        const U = y.get(I.dataset.columnKey), S = I.animate([{ transform: "translateX(" + U + "px)" }, { transform: "translateX(0)" }], { duration: ee, easing: "cubic-bezier(.2,.8,.2,1)" });
+        const $ = y.get(I.dataset.columnKey), S = I.animate([{ transform: "translateX(" + $ + "px)" }, { transform: "translateX(0)" }], { duration: ee, easing: "cubic-bezier(.2,.8,.2,1)" });
         ye.add(S), S.onfinish = () => ye.delete(S), S.oncancel = () => ye.delete(S);
       }
     }
@@ -455,7 +455,7 @@ const Ft = { class: "hys-ui-pf-grid-toolbar" }, Ht = { class: "hys-ui-pf-grid-se
           }, 8, ["aria-expanded"]),
           Y.value ? (s(), u("div", jt, [
             l[19] || (l[19] = g("strong", null, "显示列与排序", -1)),
-            m($t, {
+            m(Ut, {
               class: "hys-ui-pf-grid-settings-list",
               "model-value": tt.value,
               "onUpdate:modelValue": l[7] || (l[7] = (e) => D.value = e.map((a) => a.id))
@@ -518,8 +518,8 @@ const Ft = { class: "hys-ui-pf-grid-toolbar" }, Ht = { class: "hys-ui-pf-grid-se
               r.selectable ? (s(), u("th", Wt, [
                 m(Re, {
                   "aria-label": "选择当前页全部行",
-                  "model-value": Ue.value,
-                  indeterminate: ft.value && !Ue.value,
+                  "model-value": $e.value,
+                  indeterminate: ft.value && !$e.value,
                   "onUpdate:modelValue": vt
                 }, null, 8, ["model-value", "indeterminate"])
               ])) : k("", !0),
@@ -718,10 +718,10 @@ const Ft = { class: "hys-ui-pf-grid-toolbar" }, Ht = { class: "hys-ui-pf-grid-se
                         onClick: l[11] || (l[11] = A(() => {
                         }, ["stop"])),
                         onKeydown: [
-                          ve(A((f) => $e(e.row, a), ["stop"]), ["enter"]),
+                          ve(A((f) => Ue(e.row, a), ["stop"]), ["enter"]),
                           l[12] || (l[12] = ve(A((f) => Q.value = null, ["stop"]), ["esc"]))
                         ],
-                        onFocusout: (f) => $e(e.row, a)
+                        onFocusout: (f) => Ue(e.row, a)
                       }, null, 8, ["modelValue", "aria-label", "onKeydown", "onFocusout"])) : (s(), u(B, { key: 1 }, [
                         r.treeMode && a.key === ((i = L.value[0]) == null ? void 0 : i.key) && e.row.__pfHasChildren ? (s(), ce(M, {
                           key: 0,
@@ -780,7 +780,7 @@ const Ft = { class: "hys-ui-pf-grid-toolbar" }, Ht = { class: "hys-ui-pf-grid-se
         ], 6)
       ], 32),
       g("footer", vl, [
-        m(Ut, {
+        m($t, {
           page: C.value,
           total: r.serverMode ? r.totalRows ?? r.rows.length : q.value.length,
           "page-size": ne.value,

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
 };

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 o from "./HysFileManager2.vue.js";
+/* empty css                    */
+import r from "../../_virtual/_plugin-vue_export-helper.js";
+const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-fc3b6749"]]);
 export {
-  T as default
+  f as default
 };

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

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