hys-ui 0.2.0 → 0.4.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/HysFormItem/HysFormItem.vue.js

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