hys-ui 0.1.1 → 0.3.0

package/dist/components/HysEmpty/HysEmpty2.vue.js

@@ -1,4 +1,183 @@
-import f from "./HysEmpty.vue.js";
+import { defineComponent as U, useSlots as Z, useAttrs as W, ref as n, computed as p, watch as q, onMounted as G, nextTick as M, onUpdated as J, onActivated as K, onDeactivated as Q, onBeforeUnmount as X, openBlock as o, createElementBlock as d, mergeProps as Y, unref as b, normalizeStyle as P, renderSlot as v, normalizeProps as g, guardReactiveProps as f, createStaticVNode as _, createBlock as I, createCommentVNode as L, createTextVNode as $, toDisplayString as V } from "vue";
+import { FolderOpen as ee, Inbox as ae, LoaderCircle as te } from "lucide-vue-next";
+import { useHysRootAttrs as ie } from "../../config.js";
+import { feedbackImage as le, feedbackNumber as re } from "../../composables/feedback.js";
+const oe = ["aria-label", "aria-live", "aria-atomic", "data-image-state"], ue = ["aria-hidden"], se = ["src", "alt", "loading", "crossorigin", "referrerpolicy"], ne = {
+  key: 2,
+  class: "hys-ui-empty-illustration",
+  viewBox: "0 0 120 100",
+  fill: "none",
+  "aria-hidden": "true"
+}, de = {
+  key: 1,
+  class: "hys-ui-empty-title"
+}, ce = {
+  key: 2,
+  class: "hys-ui-empty-description"
+}, me = {
+  key: 3,
+  class: "hys-ui-empty-action"
+}, he = /* @__PURE__ */ U({
+  inheritAttrs: !1,
+  __name: "HysEmpty",
+  props: {
+    title: { type: [String, Boolean], default: "暂无数据" },
+    description: { type: [String, Boolean], default: "当前没有符合条件的内容" },
+    image: { type: [String, Boolean], default: void 0 },
+    imageSize: {},
+    imageStyle: {},
+    imageFit: { default: "contain" },
+    imageAlt: {},
+    imageLoading: { default: "eager" },
+    crossOrigin: {},
+    referrerPolicy: {},
+    illustration: { default: "inbox" },
+    size: { default: "md" },
+    showImageLoading: { type: Boolean, default: !0 },
+    ariaLabel: {},
+    ariaLive: {}
+  },
+  emits: ["imageLoad", "imageError"],
+  setup(e, { expose: F, emit: H }) {
+    const t = e, A = H, r = Z(), N = W(), O = ie(), C = n(), u = n(), y = n(!0), i = n(!1), l = n(!1), S = n(0), z = n(!!r.image), s = p(() => le(t.image)), h = p(() => !!s.value && !z.value), c = p(
+      () => re(
+        t.imageSize,
+        { sm: 32, md: 48, lg: 72 }[t.size],
+        0,
+        2e3
+      )
+    );
+    function j() {
+      S.value++, i.value = h.value, l.value = !!t.image && !s.value;
+    }
+    q(
+      () => [
+        s.value,
+        t.image,
+        t.crossOrigin,
+        t.referrerPolicy,
+        z.value
+      ],
+      j,
+      { immediate: !0 }
+    );
+    function x(a) {
+      return y.value && h.value && !!u.value && u.value.getAttribute("src") === s.value && (!a || a.target === u.value);
+    }
+    function D(a) {
+      x(a) && (i.value = !1, l.value = !1, A("imageLoad", a));
+    }
+    function R(a) {
+      x(a) && (i.value = !1, l.value = !0, A("imageError", a));
+    }
+    function w(a = !1) {
+      var k;
+      !x() || !((k = u.value) != null && k.complete) || (u.value.naturalWidth > 0 ? (i.value = !1, l.value = !1) : a && (i.value = !1, l.value = !0));
+    }
+    function E() {
+      return !y.value || !h.value || t.image === !1 ? !1 : (S.value++, l.value = !1, i.value = !0, !0);
+    }
+    let B = !1;
+    G(() => {
+      M(() => w());
+    }), J(() => {
+      z.value !== !!r.image ? z.value = !!r.image : w();
+    }), K(() => {
+      const a = B;
+      B = !1, y.value = !0, M(() => w(a));
+    }), Q(() => {
+      B = !0, y.value = !1;
+    }), X(() => {
+      y.value = !1;
+    });
+    const m = p(() => ({
+      title: t.title,
+      description: t.description,
+      imageLoading: i.value && h.value,
+      imageError: l.value,
+      retryImage: E
+    })), T = p(() => ({
+      width: c.value + "px",
+      height: c.value + "px",
+      ...t.imageStyle
+    }));
+    return F({
+      element: C,
+      imageElement: u,
+      loadingImage: i,
+      failedImage: l,
+      retryImage: E
+    }), (a, k) => (o(), d("div", Y({
+      ref_key: "element",
+      ref: C
+    }, { ...b(O), ...b(N) }, {
+      class: ["hys-ui-ex-empty hys-ui-empty-panel", "hys-ui-empty-" + t.size],
+      "aria-label": e.ariaLabel,
+      "aria-live": e.ariaLive,
+      "aria-atomic": e.ariaLive ? !0 : void 0,
+      "data-image-state": l.value ? "error" : i.value ? "loading" : h.value ? "loaded" : "none"
+    }), [
+      e.image !== !1 && c.value > 0 ? (o(), d("div", {
+        key: 0,
+        class: "hys-ui-ex-empty-icon hys-ui-empty-image",
+        "aria-hidden": !e.imageAlt && !r.image && !r.fallback ? !0 : void 0,
+        style: P(T.value)
+      }, [
+        v(a.$slots, "image", g(f(m.value)), () => [
+          s.value && !l.value ? (o(), d("img", {
+            ref_key: "imageElement",
+            ref: u,
+            key: s.value + S.value,
+            src: s.value,
+            alt: e.imageAlt || "",
+            loading: e.imageLoading,
+            crossorigin: e.crossOrigin,
+            referrerpolicy: e.referrerPolicy,
+            style: P({
+              objectFit: e.imageFit,
+              opacity: i.value && e.showImageLoading ? 0 : 1
+            }),
+            onLoad: D,
+            onError: R
+          }, null, 44, se)) : l.value && r.fallback ? v(a.$slots, "fallback", g(f(m.value)), void 0, !0, 1) : e.illustration === "default" ? (o(), d("svg", ne, [...k[0] || (k[0] = [
+            _('<ellipse cx="60" cy="89" rx="42" ry="6" fill="currentColor" opacity=".08" data-v-ea8781c3></ellipse><rect x="25" y="18" width="70" height="62" rx="8" fill="currentColor" opacity=".08" data-v-ea8781c3></rect><path d="M33 48h15l6 9h12l6-9h15v29H33V48Z" fill="currentColor" opacity=".15" data-v-ea8781c3></path><path d="M33 48h15l6 9h12l6-9h15v29H33V48Z" stroke="currentColor" stroke-width="2" stroke-linejoin="round" data-v-ea8781c3></path><path d="M45 32h30M45 39h20" stroke="currentColor" stroke-width="3" stroke-linecap="round" opacity=".4" data-v-ea8781c3></path>', 5)
+          ])])) : e.illustration === "simple" ? (o(), I(b(ee), {
+            key: 3,
+            class: "hys-ui-empty-builtin",
+            size: c.value,
+            "aria-hidden": "true"
+          }, null, 8, ["size"])) : (o(), I(b(ae), {
+            key: 4,
+            class: "hys-ui-empty-builtin",
+            size: c.value,
+            "aria-hidden": "true"
+          }, null, 8, ["size"])),
+          i.value && e.showImageLoading ? (o(), I(b(te), {
+            key: 5,
+            class: "hys-ui-empty-loading",
+            size: Math.min(c.value, 24),
+            "aria-hidden": "true"
+          }, null, 8, ["size"])) : L("", !0)
+        ], !0)
+      ], 12, ue)) : L("", !0),
+      e.title !== !1 && (e.title || r.title) ? (o(), d("strong", de, [
+        v(a.$slots, "title", g(f(m.value)), () => [
+          $(V(e.title), 1)
+        ], !0)
+      ])) : L("", !0),
+      e.description !== !1 && (e.description || r.description) ? (o(), d("div", ce, [
+        v(a.$slots, "description", g(f(m.value)), () => [
+          $(V(e.description), 1)
+        ], !0)
+      ])) : L("", !0),
+      r.default || r.action ? (o(), d("div", me, [
+        v(a.$slots, "action", g(f(m.value)), () => [
+          v(a.$slots, "default", g(f(m.value)), void 0, !0)
+        ], !0)
+      ])) : L("", !0)
+    ], 16, oe));
+  }
+});
 export {
-  f as default
+  he as default
 };

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

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

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

@@ -1,87 +1,88 @@
-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 = {
+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"
-}, G = /* @__PURE__ */ x({
+}, J = /* @__PURE__ */ h({
   __name: "HysFileManager",
-  props: /* @__PURE__ */ p({
+  props: /* @__PURE__ */ k({
     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);
+  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 D(n) {
+    function x(l) {
       var e;
-      n.preventDefault(), f(((e = n.dataTransfer) == null ? void 0 : e.files) || null);
+      l.preventDefault(), b(((e = l.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";
+    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 (n, e) => (s(), r("div", $(A(C), { class: "hys-ui-ent-panel" }), [
+    return (l, e) => (d(), u("div", F(o(D), { class: "hys-ui-ent-panel" }), [
       i("label", {
-        class: F(["hys-ui-ent-drop", { "hys-ui-dragging": d.value }]),
+        class: H(["hys-ui-ent-drop", { "hys-ui-dragging": s.value }]),
         role: "button",
-        "aria-disabled": t.disabled,
-        tabindex: t.disabled ? -1 : 0,
+        "aria-disabled": o(t),
+        tabindex: o(t) ? -1 : 0,
         "aria-label": "选择或拖入文件",
         onKeydown: [
-          e[1] || (e[1] = g(o((l) => {
+          e[1] || (e[1] = g(r((n) => {
             var a;
-            return !t.disabled && ((a = u.value) == null ? void 0 : a.click());
+            return !o(t) && ((a = p.value) == null ? void 0 : a.click());
           }, ["prevent"]), ["enter"])),
-          e[2] || (e[2] = g(o((l) => {
+          e[2] || (e[2] = g(r((n) => {
             var a;
-            return !t.disabled && ((a = u.value) == null ? void 0 : a.click());
+            return !o(t) && ((a = p.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(() => {
+        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: D
+        onDrop: x
       }, [
         i("input", {
           ref_key: "input",
-          ref: u,
+          ref: p,
           type: "file",
           hidden: "",
-          disabled: t.disabled,
+          disabled: o(t),
           multiple: "",
-          onChange: e[0] || (e[0] = (l) => {
-            f(l.target.files), l.target.value = "";
+          onChange: e[0] || (e[0] = (n) => {
+            b(n.target.files), n.target.value = "";
           })
         }, null, 40, T),
         e[6] || (e[6] = K("拖拽文件至此或点击选择（由业务层负责上传）", -1))
-      ], 42, R),
+      ], 42, S),
       i("ul", L, [
-        (s(!0), r(N, null, z(v.value, (l) => (s(), r("li", {
-          key: l.id
+        (d(!0), u(N, null, _(f.value, (n) => (d(), u("li", {
+          key: n.id
         }, [
-          i("span", null, c(l.name) + " · " + c(w(l.size)), 1),
+          i("span", null, c(n.name) + " · " + c(V(n.size)), 1),
           i("button", {
             type: "button",
-            disabled: t.disabled,
-            onClick: (a) => !t.disabled && b("download", l.id)
+            disabled: o(t),
+            onClick: (a) => !o(t) && m("download", n.id)
           }, "下载", 8, P),
           i("button", {
             type: "button",
-            disabled: t.disabled,
-            onClick: (a) => !t.disabled && b("remove", l.id)
-          }, "移除", 8, S)
+            disabled: o(t),
+            onClick: (a) => !o(t) && m("remove", n.id)
+          }, "移除", 8, U)
         ]))), 128))
       ]),
-      v.value.length ? E("", !0) : (s(), r("p", U, "暂无附件"))
+      f.value.length ? z("", !0) : (d(), u("p", j, "暂无附件"))
     ], 16));
   }
 });
 export {
-  G 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 p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-313cea92"]]);
+import a from "../../_virtual/_plugin-vue_export-helper.js";
+const f = /* @__PURE__ */ a(o, [["__scopeId", "data-v-aaa78f9e"]]);
 export {
-  p as default
+  f as default
 };